Selectores de atributo y pseudo elementos before y after
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
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


