Komplekse selektorer med tilstande for links i CSS

Alle de komplekse selektorer, som vi har studeret tidligere, kan også anvendes til links.

Lad os se på et eksempel. Antag, at vores links befinder sig i en blok med et angivet id:

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

Lad os angive stilarter for links fra denne blok:

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

Som regel adskilles tilstandene link og visited ikke, derfor kan koden forenkles på følgende måde:

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

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