Laburo España: 250.000 ofertas de empleo
Logotipo del weblog

 


Reflexiones desde el sillón

Selectores de atributo y pseudo elementos before y after

9, 11 de 2006-03-11 de 2006

Los pseudo elementos before y after pueden ser empleados para insertar contenido antes o después del elemento señalado. Su sintaxis es:

elemento:after {
content: "contenido";
}

No parece tener demasiados usos, pero va a servirnos para ayudarnos a explicar con un ejemplo la aplicación de estilos en función de los atributos de un elemento. Es posible en css aplicar estilos a un elemento en función de alguno de los atributros que contenga, mediante coincidencia total o parcial. En el siguiente ejemplo vamos a hacer que a continuación aquellos enlaces que tengan como atributo lang="en" se nos escriba de mod automático [en].

Código css

a[lang="en"]:after { content: " [en] "; }

Código html

<a href="http://www.who.int" lang="en" title="Página de la OMS">World Health Organization</a>

El enlace se vería así: World Health Organization

Por Agustín Roca | # enlace | Comentarios (0) | Referencias (0) | En: CSS

Comentarios

Agregar un comentario


Recordar datos
¡Un solo click vale!
LaInformacion.com lainformacion.com - Medio Oficial de los Premios Bitacoras 2009