CSS-те сілтемелердің күйлері бар күрделі селекторлар

Біз бұрын зерттеген барлық күрделі селекторларды сілтемелер үшін де қолдануға болады.

Мысалға қарайық. Біздің сілтемелеріміз белгіленген id бар блокта орналассын:

<div id="block">
	<a href="#">link</a>
	<a href="#">link</a>
	<a href="#">link</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;
}