Etiqueta: Se aplican a todas las labels del tipo indicado.

p {...}

.Clase: Se aplican a todoas las etiquetas.

<span class="myClase"></span>

.myClase{...}

Etiqueta.Clase: Se aplican a todas las etiquetas del tipo y clase indicados. (Elementos que aparecen varias veces en el HTML).

<span class="myClase"></span>

span.myClase{...}

#Identificador: Se aplica al elemento con el identificador dado. (Debería ser único en el HTML).

<span id="myId"></span>

#myId{...}

Etiqueta#Identificador: Se aplica a la etiqueta con el identificador dado.

<span id="mySpan"></span>

span#mySpan{...}

Etiquetas anidadas: Se aplica a las etiquetas que se encuentren anidadas dentro de otras. Por ejemplo, todos los enlaces, etiquetas <a> que se encuentren dentro de etiquetas <span>.

<span>
<a href.../>
</span>

span a{...}

Los selectores por clase e identificadores pueden combinarse con los selectores anidados, de este modo podemos aplicar un estilo a etiquetas anidadas dentro de otras que tienen un identificador o clase dados:

.box span{...}
#box span{...}

Selectores por estado: Se aplica a identificadores con que se encuentran en un estado determinado. Por ejemplo, un enlace podría encontrarse en estado visitado o no visitado.

/* No visitado */
a:link{...}
/* Visitado */
a:visited{...}
/* Ratón encima */
a:hover{...}
/* Pulsado (por ejemplo en menús) */
a:active{...}
/* Con el foco (por ejemplo en etiquetas <input type="text" />)*/
:focus{...}

Agrupación de selectores: La agrupación permite aplicar el mismo estilo a varios selectores.

#myDiv, #mySpan {...}

—

Más información:

• http://www.w3schools.com/cssref/css_selectors.asp
• http://css-tricks.com/child-and-sibling-selectors
• http://www.w3.org/TR/CSS21