मुझे लगता है कि यह तेज़ होगा:सीएसएस: #id .class वीएस। क्लास प्रदर्शन। कौनसा अच्छा है?
#dialog .videoContainer { width:100px; }
से:
.videoContainer { width:100px; }
बेशक यह देखते हुए कि पहले उदाहरण में .videoContainer केवल #dialog टैग के अंतर्गत स्टाइल किया जाएगा।
सीएसएस चयनकर्ता matched from right to left हैं।
इसलिए, .videoContainer#dialog .videoContainer से "तेज़" होना चाहिए क्योंकि यह #dialog के लिए परीक्षण को याद करता है।
हालांकि, यह सभी अप्रासंगिक है - आप कभी भी अंतर नहीं देखेंगे। आम तौर पर आकार के पृष्ठों के लिए, हम जिस समय के बारे में बात कर रहे हैं, उतना ही महत्वहीन नहीं है जितना कि कोई भी नहीं है। Why do browsers match CSS selectors from right to left?
मुझे लगता है कि आप इसे पीछे की ओर है ... मैं हालांकि यकीन नहीं है:
यहाँ एक विशेषज्ञ द्वारा एक प्रासंगिक जवाब यह है कि आप पढ़ सकते हैं चाहिए। यदि '# संवाद' आवश्यक नहीं है तो मैं इसका उपयोग नहीं करूँगा –
@ ड्रू - मुझे लगता है कि पार्सिंग आईडी सबसे तेज़ है तो यह केवल #dialog no के अंतर्गत दिखाई देगी? – Ryan
Google के चयनकर्ताओं को लिखने पर कुछ अच्छी युक्तियां हैं: http://code.google.com/speed/page-speed/docs/rendering.html#UseEfficientCSSSelectors – Pat