आईडी - सीएसएस-ट्रिक्स

#idचयनकर्ता आप संदर्भित द्वारा एक तत्व को लक्षित कर सकते idएचटीएमएल विशेषता। सीएसएस में एक "अवधि" ( .) वर्ग नाम से पहले वर्ग विशेषताओं को कैसे दर्शाया जाता है , आईडी विशेषताओं को "ऑक्टोथोरपे" ( #) के साथ उपसर्ग किया जाता है , जिसे आमतौर पर "हैश" या "पाउंड साइन" के रूप में जाना जाता है।

#header ( /* this is the ID selector */ background: #eee; )

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

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

इस पेन को देखें!

एक आईडी और वर्ग विशेषता दोनों के साथ एक पैरा सीएसएस नियमों के विपरीत दिया जा रहा है; भले ही वर्ग चयनकर्ता ( .reusable) #uniqueसीएसएस में आईडी चयनकर्ता ( ) से नीचे है (यह आमतौर पर "कैस्केड" में इसके ऊपर की शैलियों को ओवरराइड करता है), पैरा लाल रहता है क्योंकि #uniqueनीले रंग द्वारा निर्धारित किया जाता है .reusable। एक अनंत राशि की कक्षाएं कभी भी ID की विशिष्टता को नहीं हरा सकती हैं (हालांकि एक समय में एक बग था जहां 256 कक्षाएं एक आईडी को हरा देंगी)।

उच्च विशिष्टता और विशिष्टता का उपयोग #idकरना एक सीएसएस "परमाणु विकल्प" है: अति-संचालित, अनम्य और असंगत रूप से प्रभावी। #idCSS में चयनकर्ता से बचना सबसे अच्छा अभ्यास माना जाता है: लगभग हर मामले में एक वर्ग का उपयोग करना बेहतर होता है।

कहा जा रहा है कि, ID विशेषताओं में CSS के बाहर कई मूल्यवान उपयोग हैं:

• जावास्क्रिप्ट के लिए अद्वितीय हुक प्रदान करना
• idविशेषताओं वाले तत्वों को एंकर टैग द्वारा लक्षित किया जा सकता है, hrefविशेषता को idमूल्य पर सेट करके , #प्रतीक द्वारा पूर्वनिर्मित । उस एंकर लिंक पर क्लिक करने से मिलान वाले तत्व पर वर्तमान पृष्ठ फिर से फोकस होगा id। इसे "खंड पहचानकर्ता" कहा जाता है।
• आपके HTML में अद्वितीय तत्वों के लिए, जैसे कि फॉर्म एलिमेंट्स, आईडी labels और inputs लिंक करने जैसी चीजों के लिए उपयोगी हो सकते हैं ।

ब्याज के अंक

• एक वैध #idसंख्या के साथ शुरू नहीं हो सकता है और कम से कम एक वर्ण लंबा होना चाहिए। यूनिकोड का एक बड़ा हिस्सा एक में मान्य वर्ण हैं id।
• id विशेषताएँ और चयनकर्ता केस-संवेदी होते हैं, और उन्हें HTML, CSS और JavaScript से बिल्कुल मेल खाना चाहिए

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

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