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