सीएसएस चयनकर्ताओं का उपयोग लक्ष्य तत्व में किया जाता है, तत्व को छुपाया जाता है और एक या अधिक HTML तत्वों की पहचान करने के लिए तत्व सुविधाओं की प्रतीक्षा की जाती है। सीएसएस चयनकर्ताओं के दो मुख्य प्रकार या तो आईडी या वर्ग द्वारा चयन करना है। एक HTML तत्व में एक आईडी होती है यदि उसमें आईडी विशेषता शामिल है जैसा कि नीचे दिखाया गया है।
<span id="myidentifier">Example Text</span>
इसे चुनने के लिए आप एक CSS चयनकर्ता बनाएं जैसे #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>
इसे चुनने के लिए आप एक CSS चयनकर्ता बनाएं जैसे .myclass
यदि आप वर्ग के साथ किसी विशेष तत्व का चयन करना चाहते हैं myclass इस मामले में ऐसा करने के लिए आप मानक सीएसएस चयनकर्ताओं का उपयोग कर सकते हैं नौवाँ बच्चा(2) चयनकर्ता इस प्रकार: .myclass:nth-child(2) दूसरे मायक्लास स्पैन का चयन करने के लिए। हालाँकि यह केवल इस मामले में ही काम करेगा क्योंकि पैरेंट div तत्व के अंतर्गत कोई अन्य तत्व नहीं हैं। उदाहरण के लिए यदि एपी तत्व होता तो यह nth-child सूचकांक को बदल देता।
कभी-कभी आपको जिस 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 तत्व का चयन करना चाहते हैं। ऐसा करने के लिए, हमें एक CSS चयनकर्ता निर्दिष्ट करने की आवश्यकता है जो अद्वितीय DIV से नीचे काम करता है Header वर्ग.
div.Header a div
सीएसएस चयनकर्ता वेब विकास की एक मानक विशेषता हैं। यह लेख इसका एक अच्छा सिंहावलोकन देता है सीएसएस चयनकर्ताओं का उपयोग कैसे करें.
यदि सीएसएस चयनकर्ता से एकाधिक HTML तत्व लौटाए जाते हैं और आप लक्ष्य तत्व का उपयोग कर रहे हैं या तत्व सुविधाओं की प्रतीक्षा कर रहे हैं तो केवल पहले मिलान तत्व का उपयोग किया जाएगा। हालाँकि यदि आप हाइड एलिमेंट सुविधा का उपयोग कर रहे हैं तो सभी मेल खाने वाले HTML तत्व छिपे रहेंगे।
यदि आप विभिन्न आईडी या कक्षाओं के साथ कई तत्वों को छिपाना चाहते हैं तो आप प्रत्येक सीएसएस चयनकर्ता को अल्पविराम से अलग करके ऐसा कर सकते हैं। उदाहरण के लिए, ऊपर दिए गए उदाहरण वर्ग और आईडी को छिपाने के लिए आप निम्नलिखित का उपयोग करेंगे #myidentifier,.myclass