Keerukad selektorid koos linkide olekutega CSS-is

Kõiki keerulisi selektoreid, mida me varem õppisime, saab kasutada ka linkide puhul.

Vaatame näidet. Oletame, et meie lingid asuvad blokis, millel on määratud id:

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

Määrame stiilid selle bloki linkidele:

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

Tavaliselt link ja visited olekuid ei eristata, seega saab koodi lihtsustada järgmiselt:

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

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