DevToolBoxGRÁTIS
Blog

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.
𝕏 Twitterin LinkedIn

Avalie esta ferramenta

3.7 / 5 · 68 avaliações

Fique atualizado

Receba dicas de dev e novos ferramentas semanalmente.

Sem spam. Cancele a qualquer momento.

Enjoy these free tools?

Buy Me a Coffee