क्या सीएसएस में बहुत विशिष्ट चयनकर्ताओं का उपयोग करने का कोई फायदा है?

Question

मैं समझता हूं कि jQuery में, चयनकर्ताओं का उपयोग करते समय अधिक विशिष्ट होना फायदेमंद है ताकि jQuery को आप जो खोज रहे हैं उसे ढूंढने के लिए पूरे डोम को पार करने की आवश्यकता नहीं है। उदाहरण के लिए, $('span.description') सिर्फ $('.description') से बेहतर है यदि मुझे पता है कि description कक्षा केवल <span> तत्वों पर लागू होती है।

क्या यह सीएसएस के साथ भी मामला है? क्या .description { } के बजाय span.description { } का उपयोग करने के लिए मेरे लिए कोई विशिष्ट लाभ है? मैं गति, अनुकूलन इत्यादि के मामले में सोच रहा हूं। क्या मैं ब्राउज़र को यह कहकर किसी भी काम को सहेज रहा हूं कि यह कहां देखना है?

Answer 1

यह सीएसएस में सही है -

एक अच्छा शासन निकटतम आईडी से पतित करने के लिए है। आईडी अनुक्रमित हैं इसलिए उन्हें ढूंढना बेहद तेज़ है। आपके चयनकर्ता में एक से अधिक का उपयोग करने का कोई कारण नहीं है।

Google Code- Optimize browser rendering

यह मैं इस एक- मुझे आशा है कि आप इसे उपयोगी पाते सहित विषय पर था ढेर सारे प्रश्न का उत्तर दिया।

Answer 2

जहां तक ​​मुझे पता है, आपके चयनकर्ता प्रदर्शन पर बहुत कम अंतर कैसे बनाते हैं।

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

Answer 3

यह हमेशा आपकी एचटीएमएल कोड और संरचना पर निर्भर करता है। विशेष रूप से आईडी और उचित चयनकर्ताओं का उपयोग करना निश्चित रूप से एक अच्छा विचार है। (यानी li.nav के बजाय #nav li)। चूंकि ब्राउजर पहले एचटीएमएल लोड करता है और फिर उस सीएसएस को लागू करता है जिसे आप बहुत मदद कर रहे हैं।

यह कहा गया है, जब शुद्ध सीएसएस (कोई jquery) की बात आती है तो गति में अंतर आजकल अंतर नहीं करना आसान है, क्योंकि प्रतिपादन इंजन अत्यधिक अनुकूलित होते हैं - खासकर जब यह सीएसएस लागू करने की बात आती है। तो आम तौर पर इससे कोई फर्क नहीं पड़ता।

Answer 4

एक अधिक विशिष्ट नियम एक कम विशिष्ट नियम पर पूर्वता है, तो:

span.myclass {} 

पर पूर्वता है:

.myclass {} 

(कोई बात नहीं क्या आदेश है, जिसमें नियम घोषित किया गया)

Answer 5

सीएसएस विशिष्टता पर पढ़ें - जो आपके सीएसएस के साथ कम या ज्यादा विशिष्ट होने का सबसे महत्वपूर्ण कारण है।

http://www.w3.org/TR/CSS2/cascade.html#specificity

ब्राउज़र प्रदर्शन के रूप में काफी एक गैर मुद्दा (jQuery में के अलावा, जैसा कि आप उल्लेख किया है) है, मेरे दिशानिर्देश जब आप पूर्वता को नियंत्रित कर रहे हैं विशिष्ट होना है, या आप बनाना चाहते जब कुछ आपके सीएसएस में कुछ और पठनीय है। निर्दिष्ट करने से सीएसएस चयनकर्ताओं का पुन: उपयोग करना मुश्किल हो सकता है और चीजों को अत्यधिक जटिल बना दिया जा सकता है।

संपादित

यह कोई डुप्लिकेट का एक सा दिखाई देता है:

CSS Performance Question