CSS: Especificidad de los selectores (2)

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

Una respuesta a «CSS: Especificidad de los selectores (2)»

Los comentarios están cerrados.