Skip to content

Commit b0a8df5

Browse files
committed
fix: resolve merge conflicts and standardize language in styles and classes article
1 parent 6ab4b2d commit b0a8df5

File tree

1 file changed

+7
-11
lines changed

1 file changed

+7
-11
lines changed

2-ui/1-document/08-styles-and-classes/article.md

Lines changed: 7 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ Alterar uma classe é uma das ações mais utilizadas em scripts.
2929

3030
Antigamente, havia uma limitação no JavaScript: uma palavra reservada como `"class"` não poderia ser uma propriedade de objeto. Esta limitação não existe hoje, porém naquela época era impossível haver uma propriedade `"class"`, como `elem.class`.
3131

32-
Portanto, para classes, uma propriedade semelhante, `"className"`, foi introduzida: o `elem.className` corresponde ao atributo `"class"`.
32+
Portanto, para classes, uma propriedade semelhante, `"className"`, foi introduzida: o `elem.className` corresponde ao atributo `"class"`.
3333

3434
Por exemplo:
3535

@@ -57,12 +57,12 @@ Por exemplo:
5757
document.body.classList.add('article');
5858
*/!*
5959
60-
alert(document.body.className); // class article da página principal
60+
alert(document.body.className); // class article da página principal
6161
</script>
6262
</body>
6363
```
6464

65-
Então, podemos manipular tanto a string de classes completa usando `className` quanto classes individuais usando `classList`. A escolha depende das nossas necessidades.
65+
Então, podemos manipular tanto a string de classes completa usando `className` quanto classes individuais usando `classList`. A escolha depende das nossas necessidades.
6666

6767
Métodos de `classList`:
6868

@@ -230,7 +230,7 @@ Por exemplo, aqui `style` não consegue ver a margem:
230230
```
231231
...Mas e se precisarmos, por exemplo, aumentar a margem em `20px`? Nós iriamos querer o valor atual dela.
232232
233-
Existe um outro método para isso: `getComputedStyle`.
233+
Existe um outro método para isso: `getComputedStyle`.
234234
235235
A sintaxe é:
236236
@@ -280,19 +280,15 @@ Portanto, hoje em dia, `getComputedStyle` na verdade retorna o valor resolvido d
280280
````warn header="`getComputedStyle` requer o nome completo da propriedade"
281281
Devemos sempre solicitar a propriedade exata que queremos, como `paddingLeft`, `marginTop` ou `borderTopWidth`. Caso contrário, o resultado correto não é garantido.
282282
283-
<<<<<<< HEAD
284283
Por exemplo, se existem propriedades `paddingLeft/paddingTop`, então o que deveríamos obter para `getComputedStyle(elem).padding`? Nada, ou talvez um valor "gerado" a partir de propriedades de paddings conhecidos? Não há uma regra padrão aqui.
285284
286-
=======
287-
For instance, if there are properties `paddingLeft/paddingTop`, then what should we get for `getComputedStyle(elem).padding`? Nothing, or maybe a "generated" value from known paddings? There's no standard rule here.
288-
>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
289285
````
290286

291287
```smart header="Os estilos aplicados a links `:visited` são ocultados!"
292288

293289
Links visitados podem ser coloridos usando a pseudo-classe CSS `:visited`.
294290

295-
No entanto, `getComputedStyle` não dá acesso a essa cor, pois, caso contrário, uma página arbitrária poderia descobrir se o usuário visitou um link ao criá-lo na página e verificar os estilos.
291+
No entanto, `getComputedStyle` não dá acesso a essa cor, pois, caso contrário, uma página arbitrária poderia descobrir se o usuário visitou um link ao criá-lo na página e verificar os estilos.
296292

297293
O JavaScript pode não conseguir visualizar os estilos aplicados pela pseudo-classe `:visited`. Além disso, existe uma limitação no CSS que proíbe a aplicação de estilos que alteram a geometria em `:visited`. Isso garante que não haja uma maneira indireta de uma página mal-intencionada testar se um link foi visitado e, assim, quebrar a privacidade.
298294
```
@@ -308,8 +304,8 @@ Para modificar os estilos:
308304
309305
- A propriedade `style` é um objeto com estilos em camelCase. Ler e escrever nela tem equivale a modificar propriedades individuais no atributo `"style"`. Para ver como aplicar `important` e outras coisas raras há uma lista de métodos no [MDN](mdn:api/CSSStyleDeclaration)
310306
311-
- A propriedade `style.cssText` corresponde a atributo `"style"` inteiro, a string completa de estilos.
307+
- A propriedade `style.cssText` corresponde a atributo `"style"` inteiro, a string completa de estilos.
312308
313309
Para ler os estilos resolvidos (considerando todas as classes, após a aplicação de todo o CSS e cálculo dos valores finais):
314310
315-
- A função getComputedStyle(elem, [pseudo]) retorna um objeto que contém os estilos finais do elemento, e é somente leitura.
311+
- A função getComputedStyle(elem, [pseudo]) retorna um objeto que contém os estilos finais do elemento, e é somente leitura.

0 commit comments

Comments
 (0)