प्रकार - सीएसएस-ट्रिक्स

एक प्रकार चयनकर्ता (जिसे कभी-कभी तत्व प्रकार चयनकर्ता के रूप में संदर्भित किया जाता है) तत्संबंधी तत्व नोड नाम के साथ तत्वों से मेल खाता है, जैसे कि

, , और टैग। टाइप चयनकर्ताओं का उपयोग आम तौर पर किसी साइट की शैली में "व्यापक स्ट्रोक" परिवर्तन करने के लिए किया जाता है।

p ( /* "p" is the type selector */ margin: 0 0 1em 0; )

सामान्य उपयोग

अक्सर बार चयनकर्ता डिफॉल्ट के रूप में सेट होते हैं, जैसे कि सीएसएस रीसेट में जहां ब्राउज़र डिफॉल्ट को ओवरराइड करने का इरादा है। Normalize.css की पहली पंक्ति से एक उदाहरण, एक लोकप्रिय सीएसएस रीसेट:

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary ( display: block; )

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

सर्वोत्तम प्रथाएं

आमतौर पर एक प्रकार के चयनकर्ता के साथ बारीक विवरण परिवर्तनों को लागू करने के लिए खराब अभ्यास माना जाता है। उदाहरण के लिए, सभी टैगों के लिए "रंग: सफेद" संपत्ति को लागू करना शायद ही किसी साइट पर उपयोग करने के लिए कुछ होगा। ऐसा इसलिए है क्योंकि टैग सामान्य हैं और विभिन्न प्रयोजनों के लिए साइटों पर उपयोग किए जाते हैं।

हालाँकि, एक प्रकार चयनकर्ता के साथ body ( ), जैसे कि एक डिफ़ॉल्ट सेटिंग font-size और line-heightसामान्य है। यह इस तथ्य के कारण है कि किसी भी पृष्ठ पर केवल एक टैग हो सकता है , इसलिए संघर्ष के लिए कम अवसर हैं।

चयनकर्ता विशिष्टता और प्रदर्शन टाइप करें

टाइप चयनकर्ता विशिष्टता कैस्केड के सबसे निचले स्तर पर होते हैं (आमतौर पर 0, 0, 0, 1 के रूप में लिखा जाता है), जिसका अर्थ है कि लगभग कुछ भी अकेले एक प्रकार के चयनकर्ता के माध्यम से लागू शैली को ओवरराइड करेगा, और एक वर्ग या आईडी में टाइप चयनकर्ता को जोड़ देगा। आपका CSS न्यूनतम अतिरिक्त विशिष्टता प्रदान करता है।

टाइप सेलेक्टर्स भी सीएसएस दक्षता पैमाने पर कम वर्गों और आईडी से रैंक करते हैं। इसलिए यह अधिक सामान्य प्रकार के चयनकर्ता के बजाय एक वर्ग या आईडी का उपयोग करने के लिए तकनीकी रूप से बेहतर प्रदर्शन विकल्प है (हालांकि वास्तविक गति अंतर आमतौर पर नगण्य है)।

ब्राउज़र का समर्थन

क्रोम	सफारी	फ़ायर्फ़ॉक्स	ओपेरा	अर्थात	एंड्रॉयड	आईओएस
कोई	कोई	कोई	कोई	कोई	कोई	कोई