Unidad 17. Estilos CSS Avanzados (IV)


17.4. Selectores de atributo

Hasta ahora hemos visto que los selectores se pueden combinar de bastantes formas. Veamos que el poder de CSS no sólo se queda ahí si no que avanza un poco más para ayudarnos a establecer estilos según el tipo de atributos que tenga una etiqueta.

 

Un atributo es una parte de la descripción de un selector HTML. Por ejemplo, en:

<a href="http://www.aulaclic.es" target="_blank">Enlace</a>

a es el selector de la etiqueta, mientras que href y target son atributos.

 

CSS permite entrar en el contenido de las etiquetas para cambiar sus estilos. Veamos cómo hacerlo:

Nombre de Atributo: Podemos establecer estilos para etiquetas con determinados atributos definidos, por ejemplo:

a[href] { font-family: Arial, Helvetica; }

En esta línea estamos estableciendo que cualquier etiqueta a que tenga el atributo href cambie su tipo de letra a Arial o Helvética.

 

Valor de Atributo: Podemos aplicar estilos a etiquetas que tengan determinado valor en un atributo, por ejemplo:

a[target="_blank"] { font-weight: bold; }

Esta línea hará que se convierta en negrita cualquier enlace que abra una nueva ventana al hacer clic, distinguiéndolos de los enlaces que navegan por el sitio.

Interesante, ¿verdad?


Marzo-2015
Pág. 17.4
Atrás Inicio Adelante






Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook ,    G+            Sobre aulaClic            Política de Cookies


© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.