CSS में क्लास के साथ लिंक

अब मान लीजिए कि लिंक्स के पास स्वयं क्लास है:

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

आइए ऐसी क्लास वाली लिंक्स के लिए स्टाइल्स सेट करें:

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

लिंक क्लास और स्टेट प्स्यूडोक्लासेस को किस क्रम में लिखना है, इससे कोई फर्क नहीं पड़ता। आप उन्हें स्वैप कर सकते हैं और इससे कुछ भी नहीं बदलेगा:

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

बताएं कि नीचे दिए गए कोड में सेलेक्टर क्या चुनता है। फिर उस सेलेक्टर के अनुसार उपयुक्त HTML कोड लिखें। यहां सेलेक्टर वाला कोड दिया गया है:

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

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

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