Seletores complexos com estados de links em CSS

Todos os seletores complexos que estudamos anteriormente também podem ser aplicados a links.

Vamos ver um exemplo. Suponha que nossos links estejam em um bloco com um id definido:

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

Vamos definir estilos para os links deste bloco:

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

Geralmente, os estados link e visited não são separados, então o código pode ser simplificado da seguinte forma:

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

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