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;
}
बताएं कि नीचे दिए गए कोड में सेलेक्टर क्या चुनता है। फिर उस सेलेक्टर के अनुसार उपयुक्त HTML कोड लिखें। यहां सेलेक्टर वाला कोड दिया गया है:
#block a.zzz {
color: red;
}
#block a.zzz:hover {
text-decoration: none;
}
बताएं कि नीचे दिए गए कोड में सेलेक्टर क्या चुनता है। फिर उस सेलेक्टर के अनुसार उपयुक्त HTML कोड लिखें। यहां सेलेक्टर वाला कोड दिया गया है:
.block a.zzz {
color: red;
}
.block a.zzz:hover {
text-decoration: none;
}
