Komplexa selektorer med länktillstånd i CSS

Alla komplexa selektorer som vi studerat tidigare kan även appliceras på länkar.

Låt oss titta på ett exempel. Låt oss säga att våra länkar finns i ett block med ett specificerat id:

html<div id="block">
  <a href="#">länk</a>
  <a href="#">länk</a>
  <a href="#">länk</a>
</div>

Låt oss ange stilar för länkarna från detta block:

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

Som regel separerar man inte tillstånden link och visited, därför kan koden förenklas på följande sätt:

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

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