कई CSS चयनकर्ताओं का उपयोग करते समय त्रुटि
शुरुआती लोगों की सामान्य त्रुटि की याद दिलाता हूं: चयनकर्ता
.bbb.zzz और चयनकर्ता .bbb .zzz
अलग-अलग काम करते हैं। पहला ऐसे तत्व को ढूंढता है
जिसमें एक साथ दो वर्ग हों, और दूसरा
- ऐसे तत्व को ढूंढता है जिसमें zzz वर्ग हो, और वह
bbb वर्ग के अंदर स्थित हो।
बताएं कि नीचे दिए गए कोड में चयनकर्ता क्या चुनता है। फिर उसके अनुरूप HTML कोड लिखें। यहां चयनकर्ता वाला कोड है:
h2.zzz {
color: red;
}
बताएं कि नीचे दिए गए कोड में चयनकर्ता क्या चुनता है। फिर उसके अनुरूप HTML कोड लिखें। यहां चयनकर्ता वाला कोड है:
h2 .zzz {
color: red;
}
बताएं कि नीचे दिए गए कोड में चयनकर्ता क्या चुनता है। फिर उसके अनुरूप HTML कोड लिखें। यहां चयनकर्ता वाला कोड है:
.bbb.zzz {
color: red;
}
बताएं कि नीचे दिए गए कोड में चयनकर्ता क्या चुनता है। फिर उसके अनुरूप HTML कोड लिखें। यहां चयनकर्ता वाला कोड है:
.bbb .zzz {
color: red;
}
बताएं कि नीचे दिए गए कोड में चयनकर्ता क्या चुनता है। फिर उसके अनुरूप HTML कोड लिखें। यहां चयनकर्ता वाला कोड है:
.bbb.zzz.xxx {
color: red;
}
बताएं कि नीचे दिए गए कोड में चयनकर्ता क्या चुनता है। फिर उसके अनुरूप HTML कोड लिखें। यहां चयनकर्ता वाला कोड है:
.bbb .zzz.xxx {
color: red;
}
बताएं कि नीचे दिए गए कोड में चयनकर्ता क्या चुनता है। फिर उसके अनुरूप HTML कोड लिखें। यहां चयनकर्ता वाला कोड है:
.bbb.zzz .xxx {
color: red;
}
बताएं कि नीचे दिए गए कोड में चयनकर्ता क्या चुनता है। फिर उसके अनुरूप HTML कोड लिखें। यहां चयनकर्ता वाला कोड है:
.bbb .zzz .xxx {
color: red;
}
बताएं कि नीचे दिए गए कोड में चयनकर्ता क्या चुनता है। फिर उसके अनुरूप HTML कोड लिखें। यहां चयनकर्ता वाला कोड है:
#elem.bbb {
color: red;
}
बताएं कि नीचे दिए गए कोड में चयनकर्ता क्या चुनता है। फिर उसके अनुरूप HTML कोड लिखें। यहां चयनकर्ता वाला कोड है:
#elem .bbb {
color: red;
}