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

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

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

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

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

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

cssa.eee:link, a.eee:visited {
  color: red;
}
a.eee:hover {
  text-decoration: none;
}
Задание 1

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

cssa.zzz {
  color: red;
}
a.zzz:hover {
  text-decoration: none;
}
Задание 2

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

css#block a.zzz {
  color: red;
}
#block a.zzz:hover {
  text-decoration: none;
}
Задание 3

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

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