Skip to content

Latest commit

 

History

History
36 lines (23 loc) · 908 Bytes

6.a-cascata.md

File metadata and controls

36 lines (23 loc) · 908 Bytes

A Cascata (cascading)

A escolha do browser de qual regra aplicar, caso haja muitas regras para o mesmo elemento.

  • Seu estilo é lido de cima para baixo.

É levado em consideração 3 fatores

  1. Origem do estilo
  2. Especificidade
  3. Importância

Origem do estilo

inline > tag style > tag link

Especificidade

É um cálculo matemático, onde, cada tipo de seletor e origem do estilo, possuem valores a serem considerados.

  1. Universal selector, combinators e negation pseudo-class (:not())
  2. Element type selector e pseudo-elements (::before, ::after)
  3. Classes e attribute selectors ([type="radio"])
  4. Id Selector
  5. Inline

A regra !important

  • Cuidado, evite o uso
  • Não é considerado uma boa prática
  • Quebra o fluxo natural da cascata

Vamos por em prática