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:

html<div id="block">
  <a href="#">enlace</a>
  <a href="#">enlace</a>
  <a href="#">enlace</a>
</div>

Apliquemos estilos a los enlaces de este bloque:

css#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:

css#block a {
  color: red;
}
#block a:hover {
  text-decoration: none;
}

css#test a {
  color: red;
}
#test a:hover {
  text-decoration: none;
}