CSS-ում հղումների վիճակներով բարդ ընտրիչներ

Բոլոր բարդ ընտրիչները, որոնք մենք ուսումնասիրել ենք ավելի վաղ, կարող են կիրառվել նաև հղումների համար:

Դիտարկենք օրինակով: Ենթադրենք, մեր հղումները գտնվում են տվյալ id-ով բլոկում.

html<div id="block">
  <a href="#">հղում</a>
  <a href="#">հղում</a>
  <a href="#">հղում</a>
</div>

Եկեք սահմանենք ոճեր այս բլոկի հղումների համար.

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

Որպես կանոն, link և visited վիճակները չեն տարանջատում, ուստի կոդը կարելի է պարզեցնել հետևյալ կերպ.

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

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