mdn · josielrocha · Sep 26, 2022 · Sep 17, 2022 · Sep 17, 2022
@@ -31,7 +31,7 @@ let removing = browser.browsingData.removeCache(
 
 ### Parâmetros
 
-- `removalOptions`{{optional_inline}}
+- `removalOptions` {{optional_inline}}
   - : `object`. Um objeto {{WebExtAPIRef("browsingData.RemovalOptions")}}. Este parâmetro não tem efeito.
 
 ### Valor retornado

@@ -9,15 +9,15 @@ translation_of: Web/CSS/@charset
 
 A regra `@charset` especifica a codificação de caracteres utilizada na folha de estilo. Deve ser o primeiro elemento na folha de estilo e não ser precedida de qualquer caráter; uma vez que não é uma declaração aninhada, ele não pode ser usado dentro de um grupo condicional de regras. Se vários `@charset` são definidos, apenas o primeiro é usado, e não pode ser usado dentro de um atributo de estilo em um elemento HTML ou dentro do elemento {{ HTMLElement("style") }}, onde o conjunto de caracteres da página HTML é relevante.
 
-Esta regra at ([at-rule](/pt-BR/CSS/At-rule "At-rule")) é útil quando se usa caracteres não ASCII em algumas propriedades CSS, como conteúdo.
+Esta regra at ([at-rule](/pt-BR/CSS/At-rule)) é útil quando se usa caracteres não ASCII em algumas propriedades CSS, como conteúdo.
 
 Como existem várias maneiras de definir a codificação de caracteres em uma folha de estilo, o navegador vai tentar os seguintes métodos na seguinte ordem (e parar assim que um produzir um resultado):
 
-1.  O valor do carácter de ordem de [byte Unicode](http://pt.wikipedia.org/wiki/Marca_de_ordem_de_byte) colocado no início do arquivo.
-2.  O valor dado pelo atributo `charset` do `Content-Type:` cabeçalho HTTP ou o equivalente no protocolo usado para servir a folha de estilo.
-3.  O `@charset` CSS.
-4.  Use a codificação de caracteres definidos pelo documento referente: o atributo charset do elemento {{ HTMLElement("link") }}. Este método é obsoleto em HTML5 e não deve ser utilizado.
-5.  Assume que o documento é UTF-8.
+1. O valor do carácter de ordem de [byte Unicode](http://pt.wikipedia.org/wiki/Marca_de_ordem_de_byte) colocado no início do arquivo.
+2. O valor dado pelo atributo `charset` do `Content-Type:` cabeçalho HTTP ou o equivalente no protocolo usado para servir a folha de estilo.
+3. O `@charset` CSS.
+4. Use a codificação de caracteres definidos pelo documento referente: o atributo charset do elemento {{ HTMLElement("link") }}. Este método é obsoleto em HTML5 e não deve ser utilizado.
+5. Assume que o documento é UTF-8.
 
 ## Sintaxe
 

@@ -7,7 +7,7 @@ translation_of: Web/CSS/@import
 
 ## Sumário
 
-A [Regra Atribuída (at-rule) ](/pt-BR/docs/Web/CSS/At-rule)[CSS](/pt-BR/docs/Web/CSS) **`@import `**é usado para importar regras de estilo de outras folhas de estilo. Estas regras devem preceder todos os outros tipos de regras, exceto as regrasde [@charset](/pt-BR/docs/Web/CSS/@charset) ; uma vez que não é um [Declaração aninhada](/pt-BR/docs/Web/CSS/Syntax#nested_statements), `@import não pode ser usado dentro do` [grupo condicional de regras atribuídas (at-rules)](/pt-BR/docs/Web/CSS/At-rule#Conditional_Group_Rules).
+A [Regra Atribuída (at-rule)](/pt-BR/docs/Web/CSS/At-rule) [CSS](/pt-BR/docs/Web/CSS) **`@import`** é usado para importar regras de estilo de outras folhas de estilo. Estas regras devem preceder todos os outros tipos de regras, exceto as regrasde [@charset](/pt-BR/docs/Web/CSS/@charset) ; uma vez que não é um [Declaração aninhada](/pt-BR/docs/Web/CSS/Syntax#nested_statements), `@import não pode ser usado dentro do` [grupo condicional de regras atribuídas (at-rules)](/pt-BR/docs/Web/CSS/At-rule#Conditional_Group_Rules).
 
 Assim como os agentes do usuário podem evitar a recuperação de recursos para os tipos de mídia incompatíveis, os autores podem especificar regras @import dependentes de mídia. Estas importações condicionais devem ter [media queries](/pt-BR/docs/Web/CSS/Media_Queries/Using_media_queries) separadas por vírgulas após a URI. Na ausência de qualquer consulta de mídia (media queries), a importação é incondicional. Especificando todos para o médio tem o mesmo efeito.
 

@@ -123,9 +123,9 @@ See [Using CSS animations](/pt-BR/docs/Web/CSS/CSS_Animations/Using_CSS_animatio
 
 ## Notes
 
-1.  `@keyframes` unsupported in scoped stylesheets in Firefox ({{bug(830056)}}).
+1. `@keyframes` unsupported in scoped stylesheets in Firefox ({{bug(830056)}}).
 
 ## See also
 
-- [Using CSS animations](/pt-BR/docs/Web/CSS/CSS_Animations/Using_CSS_animations "Tutorial about CSS animations")
+- [Using CSS animations](/pt-BR/docs/Web/CSS/CSS_Animations/Using_CSS_animations)
 - {{domxref("AnimationEvent")}}
@@ -12,9 +12,9 @@ translation_of: Web/CSS/@media
 ---
 {{CSSRef}}
 
-The **`@media`** [CSS](/en/CSS "CSS") [at-rule ](/en/CSS/At-rule "en/CSS/At-rule")pode ser usada para aplicar estilos com base no resultado de uma ou mais consultas de mídia, que testam o tipo, as características específicas e o ambiente de um dispositivo.
+The **`@media`** [CSS](/en/CSS) [at-rule](/en/CSS/At-rule) pode ser usada para aplicar estilos com base no resultado de uma ou mais consultas de mídia, que testam o tipo, as características específicas e o ambiente de um dispositivo.
 
-No CSS, a regra `@media` deve ser posta na parte superior do seu código ou aninhada dentro de algum outro [conditional group at-rule](/en/CSS/At-rule#Conditional_Group_Rules "en/CSS/At-rule#Conditional_Group_Rules").
+No CSS, a regra `@media` deve ser posta na parte superior do seu código ou aninhada dentro de algum outro [conditional group at-rule](/en/CSS/At-rule#Conditional_Group_Rules).
 
 ```css
 /* Media query */
@@ -58,7 +58,7 @@ _Media types_ describe the general category of a device. Unless you use the `not
 - `all`
   - : Suitable for all devices.
 - `print`
-  - : Intended for paged material and for documents viewed on screen in print preview mode. Please consult the section on [paged media](/en/CSS/Paged_Media "https://developer.mozilla.org/en/CSS/Paged_Media"), and the [media section of the Getting Started tutorial](/en/CSS/Getting_Started/Media "https://developer.mozilla.org/en/CSS/Getting_Started/Media") for information about formatting issues that are specific to paged media.
+  - : Intended for paged material and for documents viewed on screen in print preview mode. Please consult the section on [paged media](/en/CSS/Paged_Media), and the [media section of the Getting Started tutorial](/en/CSS/Getting_Started/Media) for information about formatting issues that are specific to paged media.
 - `screen`
   - : Intended primarily for color computer screens.
 - `speech`
@@ -152,7 +152,7 @@ Each query in a comma-separated media query list is treated separately from the
 }
 ```
 
-For more media feature examples, please see the reference page for each specific feature. For more logical operator examples, please see [Using media queries](/en/CSS/Media_queries "En/CSS/Media queries").
+For more media feature examples, please see the reference page for each specific feature. For more logical operator examples, please see [Using media queries](/en/CSS/Media_queries).
 
 ## Specifications
 
@@ -170,5 +170,5 @@ For more media feature examples, please see the reference page for each specific
 
 ## See also
 
-- [Using media queries](/en/CSS/Media_queries "En/CSS/Media queries")
+- [Using media queries](/en/CSS/Media_queries)
 - In JavaScript, `@media` can be accessed via the CSS object model interface {{domxref("CSSMediaRule")}}.
@@ -27,7 +27,7 @@ A regra CSS `@page` pode ser acessada via interface do modelo de objeto {{domxre
 
 ## Exemplos
 
-Podemos fazer referência a vários [pseudo-classes](/pt-BR/docs/CSS/Pseudo-classes "Pseudo-classes") de `@page` por exemplo.
+Podemos fazer referência a vários [pseudo-classes](/pt-BR/docs/CSS/Pseudo-classes) de `@page` por exemplo.
 
 - {{Cssxref(":first")}}
 - {{Cssxref(":left")}}

@@ -5,7 +5,7 @@ translation_of: Web/CSS/:active
 ---
 {{CSSRef}}A pseudo-classe css \<strong> :active \</strong>
 
-Esse estilo pode ser substituído por qualquer outra pseudo-classe relacionada ao link, ou seja, {{cssxref(":link")}}, {{cssxref(":hover")}} e {{cssxref(":visited")}}, aparecendo nas regras subseqüentes. Para estilizar apropriadamente os links, você precisa colocar a regra `:active `depois de todas as outras regras relacionadas ao link, conforme definido pela ordem LVHA. `:link` — `:visited` — `:hover` — `:active`.
+Esse estilo pode ser substituído por qualquer outra pseudo-classe relacionada ao link, ou seja, {{cssxref(":link")}}, {{cssxref(":hover")}} e {{cssxref(":visited")}}, aparecendo nas regras subseqüentes. Para estilizar apropriadamente os links, você precisa colocar a regra `:active` depois de todas as outras regras relacionadas ao link, conforme definido pela ordem LVHA. `:link` — `:visited` — `:hover` — `:active`.
 
 > **Note:** **Nota:** Em sistemas com mouses com vários botões, o CSS 3 especifica que a pseudo-classe :active só deve ser aplicada ao botão principal em mouses destros, este é tipicamente o botão mais à esquerda.
 

@@ -14,7 +14,7 @@ translation_of: Web/CSS/:blank
 
 > **Note:** The `:blank` selector is considered at risk, as the CSSWG keeps changing it.
 >
-> See [CSSWG issue #1967](https://github.com/w3c/csswg-drafts/issues/1967 "[selectors] decide on :blank").
+> See [CSSWG issue #1967](https://github.com/w3c/csswg-drafts/issues/1967).
 
 A [pseudo-classe](/pt-BR/docs/Web/CSS/Pseudo-classes) [CSS](/pt-BR/docs/Web/CSS) **`:blank`** seleciona elementos de entrada do usuário vazios (ex. {{HTMLElement("input")}} ou {{HTMLElement("textarea")}}).
 

@@ -12,7 +12,7 @@ translation_of: Web/CSS/:checked
 ---
 {{CSSRef}}
 
-A [pseudo-classe ](/pt-BR/docs/Web/CSS/Pseudo-classes)**`:checked`** de um seletor CSS representa um elemento **radio** (`<input type="radio">`), **checkbox** (`<input type="checkbox">`) ou **option** ({{ HTMLElement("option") }} em um {{ HTMLElement("select") }}) que está marcada ou alternado para um estado ligado. O usuário pode mudar seu estado clicando no elemento, ou selecionando um valor diferente, nesse caso a pseudo-classe **:checked** não se aplica a esse elemento, mas vai para um elemento relevante.
+A [pseudo-classe](/pt-BR/docs/Web/CSS/Pseudo-classes) **`:checked`** de um seletor CSS representa um elemento **radio** (`<input type="radio">`), **checkbox** (`<input type="checkbox">`) ou **option** ({{ HTMLElement("option") }} em um {{ HTMLElement("select") }}) que está marcada ou alternado para um estado ligado. O usuário pode mudar seu estado clicando no elemento, ou selecionando um valor diferente, nesse caso a pseudo-classe **:checked** não se aplica a esse elemento, mas vai para um elemento relevante.
 
 ## Sintaxe
 
@@ -58,18 +58,15 @@ option:checked {
 
 - `input[type="radio"]:checked`
   - : Representa todos os botões de rádio na página que estão ativos
-
-<!---->
-
 - `input[type="checkbox"]:checked`
   - : Representa todos os checkboxes na página que estão ativos
 - `option:checked`
   - : Representa todos os selects na página que estão selecionados
 
 ### Usando checkboxes escodindos para amarzenar algum valor booleano.
 
-A pseudo-classe `:checked `aplicada em checkboxes escondidos, adicionado ao início de sua página pode
-ser aplicada de forma a armazenar algum booleano dinâmico para ser usado por uma regra CSS. O exemplo a seguir mostra como exibir/esconder um elemento expansível com um simples clique em um botão ([download esse demo](/@api/deki/files/6246/=expandable-elements.html "Expandable elements through the :checked pseudoclass")).
+A pseudo-classe `:checked` aplicada em checkboxes escondidos, adicionado ao início de sua página pode
+ser aplicada de forma a armazenar algum booleano dinâmico para ser usado por uma regra CSS. O exemplo a seguir mostra como exibir/esconder um elemento expansível com um simples clique em um botão ([download esse demo](/@api/deki/files/6246/=expandable-elements.html)).
 
 ```css
 #expand-btn {
@@ -141,9 +138,9 @@ ser aplicada de forma a armazenar algum booleano dinâmico para ser usado por um
 
 ### Usando radioboxes escondidos para armazenar algum valor CSS booleano
 
-Você também pode usar a pseudo-classe `:checked `aplicada a um radioboxe escondido afim de construir, por exemplo, uma **galeria de imagem onde as imagens apenas sejam exibidas no tamanho cheio com o clique do mouse em visualizar.** Veja [essa demonstração](/@api/deki/files/6268/=css-checked-gallery.zip) como uma dica.
+Você também pode usar a pseudo-classe `:checked`aplicada a um radioboxe escondido afim de construir, por exemplo, uma **galeria de imagem onde as imagens apenas sejam exibidas no tamanho cheio com o clique do mouse em visualizar.** Veja [essa demonstração](/@api/deki/files/6268/=css-checked-gallery.zip) como uma dica.
 
-> **Note:** **Nota:** Para um efeito análogo, mas baseada na pseudo-classe [`:hover`](/pt-BR/docs/Web/CSS/%3Ahover "CSS/:hover")` `sem radioboxes escondidos, veja [essa demostração](/@api/deki/files/6247/=css-gallery.zip), tomadas a partir de uma página [`:hover`](/pt-BR/docs/Web/CSS/%3Ahover "CSS/:hover")`.`
+> **Note:** **Nota:** Para um efeito análogo, mas baseada na pseudo-classe [`:hover`](/pt-BR/docs/Web/CSS/%3Ahover) sem radioboxes escondidos, veja [essa demostração](/@api/deki/files/6247/=css-gallery.zip), tomadas a partir de uma página [`:hover`](/pt-BR/docs/Web/CSS/%3Ahover).
 
 ## Especificações
 

@@ -5,7 +5,7 @@ translation_of: Web/CSS/:disabled
 ---
 {{CSSRef}}
 
-A [pseudo-classe ](/pt-BR/docs/Web/CSS/Pseudo-classes)[CSS](/pt-BR/docs/Web/CSS) **`:disabled`** representa qualquer elemento desativado. Um elemento é desativado se não puder ser ativado (selecionado, clicado, digitado etc.) ou aceitar o foco. O elemento também possui um estado habilitado, no qual ele pode ser ativado ou aceitar o foco.
+A [pseudo-classe](/pt-BR/docs/Web/CSS/Pseudo-classes) [CSS](/pt-BR/docs/Web/CSS) **`:disabled`** representa qualquer elemento desativado. Um elemento é desativado se não puder ser ativado (selecionado, clicado, digitado etc.) ou aceitar o foco. O elemento também possui um estado habilitado, no qual ele pode ser ativado ou aceitar o foco.
 
 ```css
 /* Selects any disabled <input> */
@@ -20,7 +20,7 @@ input:disabled {
 
 ## Exemplo
 
-Este exemplo mostra um formulário básico de envio. Ele usa o evento [JavaScript](/pt-BR/docs/Web/JavaScript) [`change`](https://developer.mozilla.org/en-US/docs/Web/Events/change "/en-US/docs/Web/Events/change") para permitir que o usuário ative / desative os campos de faturamento.
+Este exemplo mostra um formulário básico de envio. Ele usa o evento [JavaScript](/pt-BR/docs/Web/JavaScript) [`change`](https://developer.mozilla.org/en-US/docs/Web/Events/change) para permitir que o usuário ative / desative os campos de faturamento.
 
 ### HTML
 

@@ -5,7 +5,7 @@ translation_of: Web/CSS/:enabled
 ---
 {{CSSRef}}
 
-A [pseudo-classe ](/pt-BR/docs/Web/CSS/Pseudo-classes)[CSS](/pt-BR/docs/Web/CSS) **`:enabled`** representa qualquer elemento ativado. Um elemento é ativado se puder ser ativado (selecionado, clicado, digitado etc.) ou aceitar o foco. O elemento também possui um estado desativado, no qual não pode ser ativado nem aceitar foco.
+A [pseudo-classe](/pt-BR/docs/Web/CSS/Pseudo-classes) [CSS](/pt-BR/docs/Web/CSS) **`:enabled`** representa qualquer elemento ativado. Um elemento é ativado se puder ser ativado (selecionado, clicado, digitado etc.) ou aceitar o foco. O elemento também possui um estado desativado, no qual não pode ser ativado nem aceitar foco.
 
 ```css
 /* Seleciona qualquer <input> ativado */
@@ -20,7 +20,7 @@ input:enabled {
 
 ## Exemplo
 
-O exemplo a seguir torna a cor do texto e do botão `<input> `verde quando ativada e cinza quando desativada. Isso ajuda o usuário a entender quais elementos podem ser interagidos..
+O exemplo a seguir torna a cor do texto e do botão `<input>` verde quando ativada e cinza quando desativada. Isso ajuda o usuário a entender quais elementos podem ser interagidos..
 
 ### HTML
 

@@ -9,7 +9,7 @@ translation_of: Web/CSS/:first-child
 
 ## Sumário
 
-A [pseudo-classe](/en/CSS/Pseudo-classes "Pseudo-classes") de [CSS](/en/CSS "CSS") **`:first-child`** representa qualquer elemento que seja o primeiro filho de seus pais.
+A [pseudo-classe](/en/CSS/Pseudo-classes) de [CSS](/en/CSS) **`:first-child`** representa qualquer elemento que seja o primeiro filho de seus pais.
 
 ## Sintaxe
 

@@ -16,7 +16,7 @@ translation_of: Web/CSS/:focus
 
 ## Resumo
 
-A [pseudo-classe](/pt-BR/docs/Web/CSS/Pseudo-classes "Pseudo-classes") `:focus` do CSS é aplicada quando um elemento recebe foco, o que pode ocorrer quando o usuário seleciona o elemento utilizando o teclado ou ativando o mesmo com o mouse (ex: um campo de um formulário).
+A [pseudo-classe](/pt-BR/docs/Web/CSS/Pseudo-classes) `:focus` do CSS é aplicada quando um elemento recebe foco, o que pode ocorrer quando o usuário seleciona o elemento utilizando o teclado ou ativando o mesmo com o mouse (ex: um campo de um formulário).
 
 A pseudo classe é aplicada apenas ao elemento focado, e não aos seus elementos ascendentes, como ocorre com {{ Cssxref(":checked") }} e {{ Cssxref(":enabled") }} e diferentemente de {{ Cssxref(":active") }} ou {{ Cssxref(":hover") }}.
 

@@ -7,7 +7,7 @@ translation_of: Web/CSS/:link
 
 ## Resumo
 
-A [pseudo-class](/en/CSS/Pseudo-classes "Pseudo-classes") CSS :link permite que você selecione os links dentro de um elemento. Ela seleciona todos os links, até mesmo os que não foram visitados, incluindo os links ja estilizados em outras classes ou ids com o {{ cssxref(":hover") }}, {{ cssxref(":active") }} ou {{ cssxref(":visited") }}. Para um funcionamento adequado é essencial que ela venha antes das regras: `:visited` — `:hover` — `:active`. O {{ cssxref(":focus") }} é uma pseudo-class geralmente usada antes de a:hover ou depois, dependendo do resultado esperado.
+A [pseudo-class](/en/CSS/Pseudo-classes) CSS :link permite que você selecione os links dentro de um elemento. Ela seleciona todos os links, até mesmo os que não foram visitados, incluindo os links ja estilizados em outras classes ou ids com o {{ cssxref(":hover") }}, {{ cssxref(":active") }} ou {{ cssxref(":visited") }}. Para um funcionamento adequado é essencial que ela venha antes das regras: `:visited` — `:hover` — `:active`. O {{ cssxref(":focus") }} é uma pseudo-class geralmente usada antes de a:hover ou depois, dependendo do resultado esperado.
 
 ## Exemplos
 

@@ -14,11 +14,11 @@ translation_of: Web/CSS/:not
 
 ## Resumo
 
-A [pseudo-classe CSS](/pt-BR/docs/Web/CSS/Pseudo-classes "Pseudo-classes") de **negação**, `:not(X)`, é uma notação funcional que recebe um seletor simples X como argumento. Ela seleciona um elemento que não é representado por seu argumento. _X_ não pode conter outro seletor de negação.
+A [pseudo-classe CSS](/pt-BR/docs/Web/CSS/Pseudo-classes) de **negação**, `:not(X)`, é uma notação funcional que recebe um seletor simples X como argumento. Ela seleciona um elemento que não é representado por seu argumento. _X_ não pode conter outro seletor de negação.
 
 > **Note:** **Observações:**- Seletores inúteis podem ser escritos usando esta pseudo-classe. Por exemplo, `:not(*)` seleciona qualquer elemento que não é algum elemento, então a regra nunca é aplicada.
 >
-> - É possível sobreescrever outras regras. E.g. `foo:not(bar)` vai selecionar os mesmos elementos do que o mais simples foo. No entanto a [especificação](/pt-BR/docs/Web/CSS/Specificity "Especificação") é maior no exemplo com `:not`.
+> - É possível sobreescrever outras regras. E.g. `foo:not(bar)` vai selecionar os mesmos elementos do que o mais simples foo. No entanto a [especificação](/pt-BR/docs/Web/CSS/Specificity) é maior no exemplo com `:not`.
 > - `:not(foo){} vai selecionar tudo que não for foo`, **incluindo os elementos {{HTMLElement("html")}} e {{HTMLElement("body")}}.**
 > - Este seletor apenas se aplica a um elemento; não se pode usa-lo para excluir todos os seus ancestores. Por exemplo, `body :not(table) a` ainda vai ser aplicado a links dentro de tabelas, já que {{HTMLElement("tr")}} vai ser selecionado pelo `:not()` do seletor.