] हम CSS चयनकर्ताओं के साथ शुरू करेंगे - विशिष्ट HTML तत्वों को लक्षित करने के लिए उपकरण।

] ] जब आप इनलाइन

शैली

विशेषताओं (जैसे,

) का उपयोग करके व्यक्तिगत तत्वों को स्टाइल कर सकते हैं, यह बड़ी वेबसाइटों के लिए अक्षम है।

] ])

का उपयोग करके अपने HTML से जुड़ा हुआ है:

या / * style.css */ पी { रंग: लाल; पाठ-निर्धारण: रेखांकित; }

html तत्वों का चयन करना ] }

id

/* style.css */
p {
  color: red;
  text-decoration: underline;
}

]

प्रत्येक तत्व में एक अद्वितीय आईडी हो सकता है। आईडी चयनकर्ता (

#idname ) उनके आईडी

द्वारा लक्ष्य तत्वों को लक्षित करें। हालाँकि, id s को अद्वितीय होना चाहिए, उनके लचीलेपन को सीमित करना।

कक्षाएं अधिक बहुमुखी प्रतिभा प्रदान करती हैं। कई तत्व एक ही वर्ग साझा कर सकते हैं। वर्ग चयनकर्ता (। ClassName ) उस वर्ग के साथ तत्वों को लक्षित करें। तत्वों में कई कक्षाएं हो सकती हैं (जैसे,

)। । लाल-पाठ {रंग: लाल; } सभी तत्वों को लाल-पाठ वर्ग के साथ शैली। ] ]

दस्तावेज़ ऑब्जेक्ट मॉडल (DOM) एक पेड़ के रूप में पृष्ठ की संरचना का प्रतिनिधित्व करता है। कॉम्बिनेटर चयनकर्ता इस पदानुक्रम का लाभ उठाते हैं।

] ] ] ]

अत्यधिक जटिल कॉम्बिनेटर संयोजन हतोत्साहित हैं। आप उन्हें वर्ग चयनकर्ताओं (जैसे, के साथ जोड़ सकते हैं। इंट्रो p )। ] ] छद्म-तत्व चयनकर्ता एक तत्व के भागों को लक्षित करते हैं (जैसे, :: पहला-पत्र

)।

अन्य चयनकर्ता

] ] ]

अग्रिम पठन: उत्तरदायी आकार उत्तरदायी चित्र CSS एनिमेशन

यह पोस्ट मूल रूप से thedevspace पर दिखाई दी थी।