Komplekse selektorer med lenketilstander i CSS

Alle de komplekse selektorene vi studerte tidligere, kan også brukes for lenker.

La oss se på et eksempel. Anta at våre lenker befinner seg i en blokk med en gitt id:

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

La oss sette stiler for lenker fra denne blokken:

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

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

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

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