Un selector Css es el nexo de unión entre la hoja de estilos y los
documentos a los que se aplique dicha hoja; es parte de un conjunto de reglas
CSS que selecciona el contenido que desea estilo.
Los selectores CSS pueden ser:
- Selectores simples
- Selectores compuestos
- Selectores complejos
Selector css simple
Un selector simple es aquel que está formado sólo por una única cadena
textual, sin ningún combinador. Son selectores simples:
- Selector por tipo de elemento E
- Selector universal *
- Selector de identificador E#identificador
- Selector de atributos E[atributo="valor"]
- Selector pseudo-clase E:first-child, E:link, E:visited, E:focus
- Selector pseudo-elementos
Selector css compuesto
El Selector compuesto es una cadena de selectores simples sin
combinadores (el espacio en blanco también queda excluido porque es un
combinador):
section.noticias {}
.una_clase.otra_clase {}
Entre los selectores css compuestos también están incluidos los que
tienen un selector de pseudoclase Css en su nombre:
a:hover {}
input:checked {}
.mi_clase:last-child {}
Selector css complejo
El Selector complejo es una secuencia o cadena de selectores separados
por combinadores.
p span {}
nav > a {}
main:hover > h1 ~ p {}
Cuanto más específico sea un selector, más importancia tiene
su regla asociada.
