6

A ordem do mais forte no CSS

#CSS
Caroline Moran
Caroline Moran

No "css" existe uma ordem de obediência caso, por algum motivo, definirmos uma formatação de uma "tag" de mesma propriedade, mas com valor diferente, mais de uma vez no documento.

- Uma das regras é por Ordem de estilo:

  • O modelo "inline" é o de maior força nessa regra, onde o "style" é colocado diretamente na "tag" lá no HTML;
  • O modelo usando a "tag" "style" na "head" é de força mediana, sendo mais fraco que o modelo inline, mas mais forte que o modelo usando "link";
  • O modelo usando a "tag" "link" "chamando" um arquivo "css" é o de menor força nessa regra;

- A segunda regra é a de Especificidade (cada tipo de seletor e origem de estilo tem valores a serem considerados):

  • Seletores universais (*), pseudo-classes, negações e outros tem valor 0; ou seja, são os com menor força nessa regra.
  • Pseudo-elementos e outros tem valor 1;
  • Classes e outros tem valor 10;
  • ID tem valor 100;
  • Ordem de Estilo inline tem valor 1000, ainda sendo o mais forte nessa regra também.

- A terceira Regra é do !important:

  • Não é considerado uma boa pratica, e pode quebrar o código, mas sobrepõe qualquer outra regra.


Informações aprendidas em cursos de CSS da Udemy e Rocketseat.



5
146

Comentários (5)

1
Helder Silveira

Helder Silveira

11/02/2021 00:32

Show de informão!

0
Wellington Klinkowski

Wellington Klinkowski

10/02/2021 20:30

Ótima publicação.

0
Marcio Gomes

Marcio Gomes

10/02/2021 19:29

Muito bom!


0
Aline Bastos

Aline Bastos

10/02/2021 18:50

Ótimo resumo :)

0
S

SHIRLEY SILVA

10/02/2021 18:20

Maykão é brabo! =)

Eu posso não ser a melhor do mundo, mas posso ser melhor do que eu fui ontem.

Brasil