Anteriormente había hablado de la especificidad en CSS. En esta ocasión voy a tratar el tema de una forma más clara y añadir algunos detalles que se me pasaron en la ocasión anterior.
Valores a tener en cuenta: lista resumida
Se deben tener en cuenta los siguientes valores:
- El identificador vale 100.
- La clase vale 10.
- El elemento vale 1.
Valores a tener en cuenta: lista completa
| Elemento de selector | Valor |
|---|---|
Elemento (P, IMG, etc.) |
1 |
Clase (valor del atributo class) |
10 |
Identificador (valor del atributo id) |
100 |
Atributo (elemento que contiene un atributo: a[title]). El valor especificado es el del atributo (title en el ejemplo). |
10 |
Pseudo-clases (first-child, hover, active, visited, focus, etc.) |
10 |
Pseudo-elementos (before, after, first-line, first-letter, etc.) |
1 |
Referencia y enlaces relacionados
- Croft, Jeff; Lloyd, Ian; Rubin, Dan. Pro CSS Techniques. Pp. 351-353
- En Outbook: CSS: Especificidad de los selectores