Тиркемелердин абалдары менен 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;
}