Selettori complessi con stati dei link in CSS

Tutti i selettori complessi che abbiamo studiato in precedenza, possono essere applicati anche ai link.

Vediamo un esempio. Supponiamo che i nostri link si trovino in un blocco con un id specificato:

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

Assegniamo gli stili per i link di questo blocco:

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

Di norma, gli stati link e visited non vengono separati, quindi il codice può essere semplificato nel modo seguente:

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

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