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:
Like this:
Like Loading...
Juan Carlos Sánchez's Blog 