सीएसएस । वर्ग चयनकर्ता
उदाहरण
वर्ग = "परिचय" के साथ सभी तत्वों को चुनें और स्टाइल करें:
.intro {
background-color: yellow;
}
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
.class
चयनकर्ता एक विशिष्ट वर्ग विशेषता वाले तत्वों का चयन करता है ।
एक विशिष्ट वर्ग वाले तत्वों का चयन करने के लिए, एक अवधि (.) वर्ण लिखें, उसके बाद वर्ग का नाम लिखें।
आप यह भी निर्दिष्ट कर सकते हैं कि किसी वर्ग द्वारा केवल विशिष्ट HTML तत्व प्रभावित होने चाहिए। ऐसा करने के लिए, तत्व के नाम से शुरू करें, फिर अवधि (.) वर्ण लिखें, उसके बाद वर्ग का नाम लिखें (नीचे उदाहरण 1 देखें)।
HTML तत्व एक से अधिक वर्गों को भी संदर्भित कर सकते हैं (नीचे उदाहरण 2 देखें)।
संस्करण: | सीएसएस 1 |
---|
ब्राउज़र समर्थन
Selector | |||||
---|---|---|---|---|---|
.class | Yes | Yes | Yes | Yes | Yes |
सीएसएस सिंटेक्स
.class {
css declarations;
}
और ज्यादा उदाहरण
उदाहरण 1
सभी <p> तत्वों को क्लास = "होमटाउन" के साथ स्टाइल करें:
p.hometown {
background-color: yellow;
}
उदाहरण 2
यह <p> तत्व वर्ग = "केंद्र" और वर्ग = "बड़े" के अनुसार स्टाइल किया जाएगा:
<p class="center large">This paragraph refers to two classes.</p>