Calculadora de Especificidade CSS
Calcule especificidade de seletores CSS
Seletores CSS (um por linha)
Inclua ou omita as chaves { } — apenas o seletor importa.
Como funciona
- 🔴 a — Seletores de ID (#id): peso máximo
- 🟡 b — Classes (.class), atributos ([type]) e pseudo-classes (:hover)
- 🔵 c — Elementos (div, p) e pseudo-elementos (::before)
- ⚪ Seletor universal (*) e combinadores não têm peso
- :where() tem especificidade zero; :is() e :not() herdam a do argumento mais específico
- Estilos inline têm a > qualquer seletor; !important anula tudo
Perguntas frequentes
Para que serve Calculadora de Especificidade CSS?
Calcule especificidade de seletores CSS
O que devo conferir no resultado?
Teste um exemplo conhecido e uma entrada inválida. Revise código gerado ou dados decodificados antes de usar no projeto; inspecionar não garante correção ou autenticidade.