सीएसएस: आईडी से पहले टैग प्रकार का उपयोग करें?

Question

काम पर यहां मौजूद लोगों में से एक तत्व टैग आईडी को तत्व आईडी के लिए अपने सभी सीएसएस चयनकर्ताओं के सामने रखता है। उदाहरण के लिए:

div#footer { 

} 

यह, के रूप में विरोध करने के लिए बस:

#footer { 

} 

उनका तर्क यह है कि यह सबसे ब्राउज़रों के लिए एक तेज देखने क्योंकि वे हर प्रकार की id विशेषताओं की जांच की जरूरत नहीं है है है तत्व का - बस div तत्व। उन्होंने यह भी बताया कि यह कक्षाओं के साथ किया जाना चाहिए (उदाहरण के लिए div.header-label<div class="header-label"... तत्वों के लिए)।

उचित और तर्कसंगत लगता है, लेकिन क्या यह सच है?

Answer 1

आपका सहकर्मी गलत है, यह बिल्कुल विपरीत है:

• https://developer.mozilla.org/en/Writing_Efficient_CSS
• http://code.google.com/intl/de-DE/speed/page-speed/docs/rendering.html

लेकिन यह भी मन में है कि सीएसएस अनुकूलन सूक्ष्म अनुकूलन और अंत में बस में अप्रासंगिक है ज्यादातर मामलों:

• http://meiert.com/en/blog/20090312/performance-of-css-selectors/

Answer 2

यह शायद सच नहीं है; लेआउट इंजन एक हैशटेबल बनाने की संभावना है।

हालांकि, यह निश्चित रूप से एक उल्लेखनीय अंतर नहीं देगा, जब तक कि आपके पृष्ठ में तत्वों की पागल संख्या न हो। (जिस स्थिति में आपको खराब समस्याएं मिली हैं)

आपको जो भी चयनकर्ता अधिक पढ़ा जा सकता है उसका उपयोग करना चाहिए।
साथ ही, याद रखें कि कोई #footer को <span> में बदल सकता है।

Answer 3

मैं व्यक्तिगत रूप से नहीं सोचता कि प्रदर्शन यहां एक मुद्दा हो सकता है, जब तक कि कई शैलियों को द्विपक्षीय रूप से बदलने की आवश्यकता न हो।

किसी भी मामले में #footer के बाद से दो उदाहरण अर्थात् अलग हैं div#footer नहीं होगा। तो व्यक्तिगत स्वाद से अलग हम दो अलग-अलग चीजों के बारे में बात कर रहे हैं। फिर यदि आप वास्तव में आईडी का उपयोग कर रहे हैं क्योंकि उनका उपयोग किया जाना चाहिए तो कोई अंतर नहीं है ..

Answer 4

एकमात्र समय यह एक उपयोगी अभ्यास होगा, आईएमएचओ, जब आपके पास एक ही आईडी का उपयोग करके एकाधिक टैग प्रकार होते हैं, जो कि है बेशक, वैसे भी अमान्य। हालांकि, यदि आपको प्रारंभ करने के लिए अमान्य HTML/CSS का एक टुकड़ा दिया गया था, और TAGTYPE # आईडी का उपयोग करके इसे ठीक से ठीक नहीं किया जा सका।

Answer 5

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

http://www.w3.org/TR/CSS2/selector.html#id-selectors

Answer 6

यह इस सीएसएस "सुविधा" के लिए एक वैध उपयोग कल्पना करना मुश्किल है।

मान लीजिए कि एक फॉर्म में year फ़ील्ड है।

input#year { 
    width: 4em; 
} 

यह लागू करने अगर, उदाहरण के लिए, क्षेत्र एक select के रूप में प्रदान किए गए नियम रोका जा सके।

प्रदर्शन कारक के लिए, मुझे लगता है कि @Dave सबसे अच्छा debunking करता है।