CSS-dagi havola holatlari bilan murakkab selektorlar

Biz ilgari o'rgangan barcha murakkab selektorlardan havolalar uchun foydalanish mumkin.

Keling, bir misolni ko'rib chiqaylik. Bizning havolalarimiz ma'lum identifikatorli blokda bo'lsin:

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

Keling, ushbu blokdagi havolalar uchun stillarni o'rnatamiz:

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

Odatda, link va visited ajratilmaydi, shuning uchun kodni quyidagicha soddalashtirish mumkin:

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