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

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

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

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

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

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

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

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

Պատմեք, թե ինչ է ընտրում ստորև բերված կոդի ընտրիչը: Այնուհետև գրեք այս ընտրիչին համապատասխան HTML կոդը: Ահա ընտրիչով կոդը.

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