Odkaz s třídou v CSS

Nyní mějme samotné odkazy s třídou:

<a href="#" class="eee">odkaz</a>
<a href="#" class="eee">odkaz</a>
<a href="#" class="eee">odkaz</a>

Nastavme styly pro odkazy, které mají tuto třídu:

a:link.eee, a:visited.eee {
	color: red;
}
a:hover.eee {
	text-decoration: none;
}

Nezáleží na pořadí, ve kterém napíšete třídu odkazu a pseudotřídy stavů. Můžete je přehodit a nic se nezmění:

a.eee:link, a.eee:visited {
	color: red;
}
a.eee:hover {
	text-decoration: none;
}

Vysvětlete, co vybírá selektor v níže uvedeném kódu. Poté napište HTML kód, který tomuto selektoru odpovídá. Zde je kód s selektorem:

a.zzz {
	color: red;
}
a.zzz:hover {
	text-decoration: none;
}

Vysvětlete, co vybírá selektor v níže uvedeném kódu. Poté napište HTML kód, který tomuto selektoru odpovídá. Zde je kód s selektorem:

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

Vysvětlete, co vybírá selektor v níže uvedeném kódu. Poté napište HTML kód, který tomuto selektoru odpovídá. Zde je kód s selektorem:

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