$cat~/glossario/css-specificity.md

Especificidade

CSS

Peso que decide qual regra vence em conflito de cascade.

css-specificity.mdmarkdown
01

seção

Explicação

Especificidade — Peso que decide qual regra vence em conflito de cascade.

Peso: inline > #id > .class > tag — empate later source wins; !important override cascade.

:where() zero specificity useful resets.

02

seção

Exemplo

snippetcss
/* #nav .link (110) beats .link (10) */
03

seção

Modo de uso

  • Debug why rule ignored DevTools

  • Layer @layer modern cascade

  • BEM reduce specificity wars

04

seção

Armadilhas comuns

  • !important escalation unmaintainable

  • Inline styles beat stylesheets hard override

05

seção

Termos relacionados