CSS-da classli havola

Endi havolalarning o'zi sinfga ega bo'lsin:

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

Keling, ushbu classga ega havolalar uchun stillarni o'rnatamiz:

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

classlar va psevdoklasslarni qanday tartibda yozishingiz muhim emas. Siz ularni boshqa tartibda yozishingiz mumkin va hech narsa o'zgarmaydi:

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