Złożone selektory ze stanami linków w CSS

Wszystkie złożone selektory, które studiowaliśmy wcześniej, można również stosować do linków.

Spójrzmy na przykład. Załóżmy, że nasze linki znajdują się w bloku z podanym id:

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

Nadajmy style dla linków z tego bloku:

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

Zazwyczaj stanów link i visited się nie rozdziela, więc kod można uprościć w następujący sposób:

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

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