Сложни селектори со состојби на врски во 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;
}