DevToolBoxGRÁTIS

Calculadora de Especificidade CSS

Calcule as pontuacoes de especificidade dos seletores CSS.

Clique para testar:

h1 .title

(0,0,1,1)

0

Inline

0

IDs

1

Classes/Attrs/Pseudo

1

Elementos/Pseudo

#main .nav > a:hover

(0,1,2,1)

0

Inline

1

IDs

2

Classes/Attrs/Pseudo

1

Elementos/Pseudo

Calculadora de Especificidade CSS

A especificidade CSS determina quais regras se aplicam quando varias regras visam o mesmo elemento.

Perguntas Frequentes

O que e especificidade CSS?

A especificidade CSS e um peso dado a cada seletor para determinar quais estilos tem prioridade.

Como e calculada?

Como 4 valores: inline, ID, classe/attr/pseudo, elemento.

O que vence?

Inline > ID > classe/attr/pseudo > elemento.

Quando usar !important?

Use com moderacao.

O seletor universal afeta?

Nao, * tem especificidade zero.

𝕏 Twitter in LinkedIn

Avalie esta ferramenta

3.7 / 5 · 68 avaliações

More Tools

{ }CSS Minifier / Beautifier 🎨CSS Formatter

Recommended

Tailwind UIBeautiful UI components

Fique atualizado

Receba dicas de dev e novos ferramentas semanalmente.

Sem spam. Cancele a qualquer momento.

Enjoy these free tools?

☕Buy Me a Coffee