सीएसएस में, आप तत्वों का चयन कर सकते हैं class, और id शैलियों को लागू कर सकते हैं और अपने वेब पेज पर तत्वों को अनुकूलित कर सकते हैं। इनका उपयोग कैसे करें इस पर एक विस्तृत मार्गदर्शिका यहां दी गई है:
तत्वों का चयन करना
किसी विशिष्ट HTML तत्व के सभी उदाहरणों का चयन करने के लिए, चयनकर्ता के रूप में तत्व नाम का उपयोग करें। उदाहरण के लिए, दस्तावेज़ में p सभी टैग का चयन करता है । <p>
चुनना Class
समान वर्ग वाले तत्वों का चयन करने के लिए, एक बिंदु "" का उपयोग करें। इसके बाद कक्षा का नाम आता है। उदाहरण के लिए, .my-class वर्ग के साथ सभी तत्वों का चयन करता है my-class ।
एकाधिक वर्गों वाले तत्वों का चयन करने के लिए, बिंदु "" का उपयोग करें। और रिक्त स्थान से अलग किए गए वर्ग नामों को सूचीबद्ध करें। उदाहरण के लिए, .class1.class2 दोनों class1 और class2 वर्गों वाले तत्वों का चयन करता है।
चुनना id
किसी विशिष्ट तत्व को उसके द्वारा चुनने के लिए id, तत्व के बाद हैश "#" का उपयोग करें id । उदाहरण के लिए, #my-id के साथ तत्व का चयन करता है id my-id ।
संयोजन Element, Class, और ID चयन
आप विशिष्ट वर्गों और के साथ विशिष्ट तत्वों को लक्षित करने के लिए तत्व class, और आईडी चयन को जोड़ सकते हैं ID ।
उदाहरण के लिए, और के साथ तत्व का div.my-class#my-id चयन करता है । <div> class my-class ID my-id
यहां तत्वों के चयन का एक विशिष्ट उदाहरण दिया गया है, class और id सीएसएस में:
/* Select all <p> tags */
p {
color: blue;
}
/* Select elements with the class "my-class" */
.my-class {
background-color: yellow;
}
/* Select the element with the ID "my-id" */
#my-id {
font-weight: bold;
}
/* Combine element, class, and ID selections */
div.my-class#my-id {
border: 1px solid black;
}
element, और आईडी चयन का उपयोग करके class, आप अपने वेब पेज पर विशिष्ट तत्वों या तत्वों के समूहों को आसानी से चुन सकते हैं और स्टाइल कर सकते हैं।