Selektorët kompleks me gjendje të lidhjeve në CSS

Të gjithë selektorët kompleksë që kemi studiuar më parë, mund të zbatohen edhe për lidhjet.

Le të shohim një shembull. Le të supozojmë që lidhjet tona janë në një bllok me një id të caktuar:

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

Le të përcaktojmë stilet për lidhjet nga ky bllok:

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

Si rregull, gjendjet link dhe visited nuk ndahen, prandaj kodi mund të thjeshtohet si më poshtë:

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

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