सीएसएस में कई क्लासेस के आधार पर एलिमेंट चुनना
यदि हम चाहें, तो किसी ऐसे एलिमेंट को चुन सकते हैं जिसमें एक साथ दो क्लासेस हों, बिना उन एलिमेंट्स को प्रभावित किए जिनमें इनमें से केवल एक क्लास है।
आइए एक उदाहरण देखें। मान लीजिए हमारे पास निम्नलिखित कोड है:
<p class="eee">
This is a paragraph with text.
</p>
<p class="zzz">
This is a paragraph with text.
</p>
<p class="eee zzz">
This is a paragraph with text.
</p>
जैसा कि आप देख रहे हैं, पहले पैराग्राफ में क्लास eee है,
दूसरे पैराग्राफ में - क्लास zzz, और तीसरे
पैराग्राफ में - एक साथ दोनों क्लासेस हैं।
आइए अंतिम पैराग्राफ को चुनें, बिना बाकियों को प्रभावित किए। इसके लिए बिना स्पेस के एक क्लास का नाम और दूसरे क्लास का नाम सटाकर लिखें:
.eee.zzz {
color: red;
}
ऐसे एलिमेंट को चुनें जिसमें एक साथ क्लासेस
eee, zzz और ccc हों:
<p class="eee">
This is a paragraph with text.
</p>
<p class="zzz">
This is a paragraph with text.
</p>
<p class="ccc">
This is a paragraph with text.
</p>
<p class="eee zzz ccc">
This is a paragraph with text.
</p>
