सीएसएस विशेषता चयनकर्ताओं के प्रकार - सेमल्ट विशेषज्ञ

एक HTML तत्व में एक वर्ग, ID और गुण होते हैं। एक विशेषता चयनकर्ता एक विशेषता या विशेषता मान के साथ HTML तत्वों को चुनता है। विशेषता चयनकर्ता एक विशेष विशेषता या विशेषता मान के साथ HTML तत्वों पर शैलियों को लागू करने की एक सरल विधि प्रदान करते हैं। विशेषता चयनकर्ताओं को दो वर्ग कोष्ठक द्वारा परिभाषित किया गया है, जो इसके मूल्य के साथ विशेषता को संलग्न करता है। फिर भी, आप इससे पहले एक तत्व प्रकार चयनकर्ता डाल सकते हैं। सीएसएस [विशेषता] चयनकर्ता एक तत्व में शैली के नियमों को लागू करता है यदि यह किसी दिए गए लक्षण से युक्त होता है।

विशेषता चयनकर्ताओं के प्रकार

विभिन्न प्रकार के विशेषता चयनकर्ताओं में से प्रत्येक का उपयोग अलग-अलग मामलों के लिए किया जा सकता है:

CSS [विशेषता | = "मूल्य"] चयनकर्ता उन तत्वों को उजागर करता है जिनमें एक विशेष गुण होता है, और यह एक परिभाषित मूल्य के साथ शुरू होता है।

CSS [विशेषता ~ = "मूल्य"] चयनकर्ता का उपयोग विशिष्ट शब्द वाले गुण मान के साथ तत्वों को खोजने के लिए किया जाता है।

CSS [विशेषता ^ = "मूल्य"] चयनकर्ता एक विशिष्ट मूल्य के साथ भीख मांगने वाले संपत्ति मूल्य के साथ तत्वों को पाता है। मूल्य एक पूरे शब्द जरूरी नहीं है।

CSS [विशेषता $ = "मूल्य"] चयनकर्ता उन घटकों को खोजता है जिनके पास परिभाषित मूल्य के साथ विशेषता मान समाप्त होता है।

सीएसएस विशेषता चयनकर्ताओं के आवेदन

सार्वभौमिक, वर्ग या आईडी चयनकर्ता का उपयोग करने के बजाय विशेषता चयनकर्ता का उपयोग करने के विभिन्न तरीके हैं

विशेषता चयनकर्ताओं का सबसे आम उपयोग आदानों पर है। इनमें टेक्स्ट चयनकर्ता, चेकबॉक्स चयनकर्ता, पासवर्ड चयनकर्ता, फ़ाइल चयनकर्ता, छिपे हुए चयनकर्ता, पासवर्ड चयनकर्ता, रेडियो चयनकर्ता, रीसेट चयनकर्ता और अन्य शामिल हैं।

स्टाइल के रूप

क्लास या आईडी के बिना स्टाइल बनाते समय विशेषता चयनकर्ता बहुत उपयोगी होते हैं।

शैली लिंक

उदाहरण के लिए, विशेषता चयनकर्ताओं का उपयोग ब्लॉगरोल को स्टाइल करने के लिए किया जा सकता है जहां आपके पास मित्र साइटों के लिंक की सूची है। हालाँकि, आप चाहते हैं कि प्रत्येक लिंक को अलग तरह से स्टाइल किया जाए। इसके बारे में जाने का पारंपरिक तरीका एक कॉल नाम निर्दिष्ट करना है जिसमें अधिक मार्कअप की आवश्यकता होगी। फिर भी, आप उस nth-child का उपयोग कर सकते हैं जिसके लिए यह आवश्यक है कि आदेश कभी न बदलें। विशेषता चयनकर्ताओं का उपयोग करना इतना आसान है क्योंकि एक विशेषता है जिसे आप लक्षित कर सकते हैं।

बॉर्डर इनपुट्स

CSS बॉर्डर छवि विशेषता का उपयोग करके बॉर्डर स्टाइलिंग तत्व शरीर में छवियों को जोड़ने का एक सुंदर तरीका है। यह आपको किसी तत्व की सीमा के रूप में एक छवि को परिभाषित करने की अनुमति देता है। सीमा क्षेत्र में फिट होने के लिए सीमा की छवि को अलग-अलग तरीके से दोहराया जा सकता है, कटा जा सकता है। सीमाओं त्रिज्या विशेषता छवियों का उपयोग किए बिना गोल कोनों को जोड़ने की अनुमति देती है। संपत्ति कोने के आकार को परिभाषित करती है।

स्टाइलिश रंग

सीएसएस विशेषता चयनकर्ता उन सभी तत्वों को स्टाइल करना आसान बनाते हैं जिनमें विशेष रंग मूल्य है। आप कलर कीवर्ड, RGB (), RGBA (), HSL () और HSLA () नोटेशन का उपयोग कर सकते हैं। RGBA रंग मान एक चैनल के साथ RGB रंग मॉडल का एक विस्तार है जो एक रंग की अस्पष्टता को परिभाषित करता है। पैरामीटर मान 1.0 से लेकर (अपारदर्शी) से 0.0 (पारदर्शी) तक है

HSL रंग मॉडल को (Hue_saturation_Lightness) के रूप में समझाया गया है। ह्यू प्रतिनिधित्व कोण (0-360) या रंग पहिया के रूप में है। संतृप्ति और लपट को प्रतिशत के रूप में मापा जाता है संतृप्ति का 0% छाया या ग्रे का प्रतिनिधित्व करता है जबकि 100 पूर्ण रंग का प्रतिनिधित्व करता है। 100% हल्कापन सफेद का प्रतिनिधित्व करता है जबकि 0% काला है।