Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Desarrollo web que contiene a CSS que contiene a CSS: Especificidad de los selectores (2)

Datos de búsqueda

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

Compartir este artículo:

  • Compartir en del.icio.us
  • Compartir en Technorati
  • Añadir a Google Bookmarks
  • Compartir en Google Buzz

Datos del artículo:

Comentarios del artículo

Los comentarios están cerrados.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Hay un comentario a “CSS: Especificidad de los selectores (2)”

Información del sitio