Selectores complejos con estados de enlaces en CSS
Todos los selectores complejos que estudiamos anteriormente, se pueden aplicar también a los enlaces.
Veamos un ejemplo. Supongamos que nuestros
enlaces se encuentran en un bloque con un
id determinado:
<div id="block">
<a href="#">enlace</a>
<a href="#">enlace</a>
<a href="#">enlace</a>
</div>
Apliquemos estilos a los enlaces de este bloque:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Por lo general, los estados link y visited
no se separan, por lo que el código se puede simplificar
de la siguiente manera:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Explica qué selecciona el selector en el código que se muestra a continuación. Luego escribe el código HTML que se ajuste a este selector. Aquí está el código con el selector:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
