एक से अधिक CSS कक्षाओं वाला तत्व
आप किसी टैग को एक साथ कई CSS कक्षाएं दे सकते हैं।
ऐसा करने के लिए, class विशेषता में
इन कक्षाओं को रिक्त स्थान से अलग करके सूचीबद्ध करना होगा।
आइए एक उदाहरण देखें। मान लीजिए कि हमारे पास कई CSS कक्षाएं हैं:
.error {
color: red;
}
.large {
font-size: 30px;
font-family: Arial;
}
आइए एक पैराग्राफ को पहली और दूसरी दोनों कक्षाएं दें:
<p class="error large">
lorem ipsum
</p>
मान लीजिए आपको निम्नलिखित कक्षाएं दी गई हैं:
.success {
color: green;
}
.error {
color: red;
}
.large {
font-size: 30px;
}
.small {
font-size: 20px;
}
मान लीजिए आपके पास 4 पैराग्राफ भी हैं।
प्रस्तुत कक्षाओं का उपयोग करके ऐसा करें कि
पहला पैराग्राफ हरा और बड़े फ़ॉन्ट वाला हो,
दूसरा पैराग्राफ - लाल और छोटे फ़ॉन्ट वाला हो,
तीसरा पैराग्राफ - लाल और बड़े फ़ॉन्ट वाला हो,
और चौथा - हरा और छोटे फ़ॉन्ट वाला हो।
3 कोई भी कक्षाएं सोचें और बनाएं।
किसी टैग को एक साथ आपके द्वारा सोची गई सभी तीन कक्षाएं दें।
