CSS चयनकर्ताओं का उपयोग लक्ष्य तत्व में, तत्व को छिपाने और एक या अधिक HTML तत्वों को पहचानने के लिए तत्व सुविधाओं की प्रतीक्षा करने के लिए किया जाता है। CSS चयनकर्ताओं के दो मुख्य प्रकार या तो आईडी या वर्ग द्वारा चयन करना है। HTML एलिमेंट में एक आईडी होती है अगर उसमें नीचे दिए गए तरीके के अनुसार आईडी विशेषता होती है।
<span id="myidentifier">Example Text</span>
इसे चुनने के लिए आप एक सीएसएस चयनकर्ता बनाएं #myidentifier
यदि एक HTML तत्व में एक वर्ग है, तो इस उदाहरण में दिखाया गया वर्ग गुण होगा।
<div>
<span class="myclass">Example Text One</span>
<span class="myclass">Example Text Two</span>
<span class="myclass">Example Text Three</span>
</div>
इसे चुनने के लिए आप एक सीएसएस चयनकर्ता बनाएं .myclass
यदि आप के वर्ग के साथ एक विशेष तत्व का चयन करना चाहते थे myclass आप इस मामले में ऐसा करने के लिए एक मानक CSS चयनकर्ताओं का उपयोग कर सकते हैं n वें वाले बच्चे (2) चयनकर्ता ऐसा: .myclass:nth-child(2) दूसरा मायक्लास अवधि का चयन करने के लिए। हालाँकि, यह केवल इस मामले में काम करेगा क्योंकि पैरेंट डिव तत्व के तहत कोई अन्य तत्व नहीं हैं। अगर उदाहरण के लिए एपी तत्व था तो यह nth-child index को बदल देगा।
एक अद्वितीय आईडी या वर्ग के बिना एक HTML तत्व का चयन करें
कभी-कभी आपके द्वारा चुने जाने वाले एक HTML तत्व में एक आईडी या वर्ग नहीं होता है जो एक पृष्ठ के भीतर अद्वितीय होता है। इन HTML तत्वों का चयन करते समय, अधिक जटिल CSS चयनकर्ता की आवश्यकता होती है।
<div class="Header">
<a href="https://www.example.com/">
<div>...</div>
</a>
<div class="SearchBar">...</div>
<div class="TagLine">...</div>
</div>
उदाहरण के लिए, उदाहरण के लिए, ऊपर हम लिंक के भीतर DIV तत्व का चयन करना चाहते हैं। ऐसा करने के लिए, हमें एक सीएसएस चयनकर्ता को निर्दिष्ट करने की आवश्यकता है जो कि अद्वितीय DIV से नीचे काम करता है Header वर्ग.
div.Header a div
CSS चयनकर्ता वेब विकास की एक मानक विशेषता है। यह लेख एक अच्छा अवलोकन देता है CSS चयनकर्ताओं का उपयोग कैसे करें.
एकाधिक मिलान तत्वों को संभालना
यदि एक सीएसएस चयनकर्ता से कई एचटीएमएल तत्व वापस कर दिए जाते हैं और आप लक्ष्य तत्व का उपयोग कर रहे हैं या तत्व विशेषताओं की प्रतीक्षा कर रहे हैं तो केवल पहले मिलान तत्व का उपयोग किया जाएगा। हालाँकि यदि आप छिपाने तत्व सुविधा का उपयोग कर रहे हैं तो सभी मिलान वाले HTML तत्व छिपे होंगे।
यदि आप अलग-अलग आईडी या वर्गों के साथ कई तत्वों को छिपाना चाहते हैं, तो आप प्रत्येक सीएसएस चयनकर्ता को अल्पविराम से अलग करके ऐसा कर सकते हैं। उदाहरण के लिए उदाहरण के लिए वर्ग और आईडी को छिपाने के लिए आप निम्नलिखित का उपयोग करेंगे #myidentifier,.myclass
