Link con classe in CSS

Ora supponiamo che i link stessi abbiano una classe:

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

Applichiamo gli stili ai link che hanno questa classe:

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

L'ordine in cui si scrive la classe del link e gli pseudoclassi degli stati non ha importanza. Possono essere scambiati e nulla cambierà:

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

Spiega cosa seleziona il selettore nel codice riportato di seguito. Quindi scrivi il codice HTML adatto a questo selettore. Ecco il codice con il selettore:

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

Spiega cosa seleziona il selettore nel codice riportato di seguito. Quindi scrivi il codice HTML adatto a questo selettore. Ecco il codice con il selettore:

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

Spiega cosa seleziona il selettore nel codice riportato di seguito. Quindi scrivi il codice HTML adatto a questo selettore. Ecco il codice con il selettore:

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