DevToolBoxGRATIS
Blog

Calculadora de Especificidad CSS

Calcula los puntajes de especificidad de los selectores CSS.

Clic para probar:
h1 .title
(0,0,1,1)
0
Inline
0
IDs
1
Clases/Attrs/Pseudo
1
Elementos/Pseudo
#main .nav > a:hover
(0,1,2,1)
0
Inline
1
IDs
2
Clases/Attrs/Pseudo
1
Elementos/Pseudo

Calculadora de Especificidad CSS

La especificidad CSS determina que reglas se aplican cuando varias reglas apuntan al mismo elemento.

Preguntas Frecuentes

Que es la especificidad CSS?
La especificidad CSS es un peso dado a cada selector para determinar que estilos tienen prioridad.
Como se calcula?
Como 4 valores: inline, ID, clase/attr/pseudo, elemento.
Que gana?
Inline > ID > clase/attr/pseudo > elemento.
Cuando usar !important?
Usarlo con moderacion.
El selector universal afecta?
No, * tiene especificidad cero.
𝕏 Twitterin LinkedIn

Califica esta herramienta

3.7 / 5 · 68 calificaciones

Más herramientas

{ }Minificador / Embellecedor CSS🎨CSS Formatter

Recommended

Tailwind UIBeautiful UI components

Mantente actualizado

Recibe consejos de desarrollo y nuevas herramientas.

Sin spam. Cancela cuando quieras.

Enjoy these free tools?

☕Buy Me a Coffee