2010-08-27 15 views
14

मैंने पढ़ा है कि सीएसएस में बाल चयनकर्ता (>) का उपयोग करके वंशज चयनकर्ता () से तेज़ है। उदाहरण के लिए: p em के विपरीत।सीएसएस बच्चे बनाम वंशज चयनकर्ता

ऐसा लगता है कि जंगली में दिखाई देने वाले अधिकांश कोड इसका लाभ नहीं उठाते हैं।

मैं समझता हूं कि कुछ परिस्थितियों में एक या दूसरे के उपयोग की योग्यता होगी, लेकिन आम तौर पर, क्या मुझे जब भी संभव हो तो बच्चे चयनकर्ता का लाभ उठाने का प्रयास करना चाहिए? या क्या मुझे लगता है कि सम्मेलन प्रतीत होता है और अधिकांशतः वंशज चयनकर्ता पर भरोसा करता है?

उत्तर

11

सैद्धांतिक रूप से बाल चयनकर्ता वंशज चयनकर्ता से तेज़ होगा क्योंकि ब्राउज़र पहले स्तर के बाद बाल नोड्स को जांचना बंद कर सकता है। हालांकि, मुझे संदेह है कि आप इससे जो भी प्रदर्शन वृद्धि देखते हैं वह नगण्य होगा क्योंकि ब्राउज़र्स सीएसएस को पहले स्थान पर तुरंत पार्स करते हैं।

जैसा कि NullUserException ने बताया, चयनकर्ता आईई 6 में काम नहीं करता है, इसलिए यदि आप आईई 6 के बारे में ज्यादा परवाह करते हैं तो मैं इसके साथ अपना सीएसएस लोड नहीं करूंगा। लेकिन ध्यान में रखना एक अच्छी बात यह है कि आपको एक बहुत ही स्पष्ट विचार होना चाहिए कि किस स्थिति में उपयोग करना है। अपने आप से पूछें, "क्या मैं यह घोषणा सभी मिलान करने वाले बच्चों को कवर करना चाहता हूं, या क्या मैं इसे केवल प्रत्यक्ष मिलान करने वाले बच्चों को कवर करना चाहता हूं?" यह खुद को ऐसा प्रश्न पूछने के लिए स्पष्ट प्रतीत हो सकता है, लेकिन यह वास्तव में एकमात्र तरीका है जिसे आप दोनों के बीच चुनना चाहिए। > का उपयोग न करें जब तक कि इसका मतलब न हो।

इसके अलावा मेरे सवाल को देखने Is there an advantage to using very specific selectors in CSS?

यह भी देखें: CSS selector support per browser

+1

मैं वास्तव में पूरी तरह मेरा उत्तर नष्ट कर दिया, जैसा कि आप पहले से ही IE6 के बारे में हिस्सा कवर कर रहे हैं। – NullUserException

+0

धन्यवाद दोस्तों! मजेदार बात यह है कि मुझे आईई 6 सामान के बारे में भी एहसास नहीं हुआ। यह नहीं कह सकता कि मैं आश्चर्यचकित हूं। यह पूरी तरह से बताता है कि मैं जंगली में कई लोगों को क्यों नहीं देखता हूं। Https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Writing_efficient_CSS के अनुसार –

+0

, सीएसएस चयनकर्ता नीचे मिलान किए गए हैं – Juan

संबंधित मुद्दे