Outbook

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

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

Saltar a contenido
Saltar a navegación

Contactar:

Las tres capas del diseño web (artículo anterior)
Acer Aspire 5612WLMi (5610) (siguiente artículo)

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

Croft, Jeff; Lloyd, Ian; Rubin, Dan. Pro CSS Techniques. Pp. 351-353
En Outbook: CSS: Especificidad de los selectores

Compartir este artículo:

Datos del artículo:

Publicado el Domingo 1 de julio de 2007 a las 22:19
Archivado en CSS, Desarrollo web
Etiquetas: Especificidad, Selectores CSS
Seguimiento de comentarios (RSS 2.0).

Comentarios del artículo

Puedes comentar o hacer trackback desde tu propio sitio web.

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)”