वंशज - सीएसएस-ट्रिक्स

CSS में एक वंशज चयनकर्ता दो चयनकर्ताओं के बीच एक कंबाइनेटर के बिना सफेद स्थान के साथ कोई भी चयनकर्ता है। यहाँ कुछ उदाहरण हैं:

ul li ( ) header h2 ( ) footer a ( ) .module div ( ) #info-toggle span ( ) div dl dt a ( )

ul li ( )उदाहरण के लिए लें । इसका अर्थ है "कोई भी सूची आइटम जो किसी अनियंत्रित सूची का वंशज है।"

वंश वृक्ष का अर्थ है कि डोम वृक्ष में कहीं भी इसके भीतर घोंसला है। एक सीधा बच्चा हो सकता है, पांच स्तर गहरा हो सकता है, यह अभी भी एक वंशज है। यह एक चाइल्ड कॉम्बीनेटर (>) से अलग है, जिसके लिए तत्व को अगला नेस्टेड स्तर नीचे होना चाहिए।

वर्णन करने के लिए, div span ( )मिलान करेगा:

 I will match

I will match too

आपको शायद इसके बारे में बहुत चिंता नहीं करनी चाहिए, लेकिन निर्णायक चयनकर्ता बहुत "महंगा" है - इसका मतलब है कि इंजनों का पता लगाने के लिए कठिन / धीमा और सामान के साथ करना। MDN:

वंशज चयनकर्ता CSS में सबसे महंगा चयनकर्ता है। यह बहुत महंगा है-खासकर अगर चयनकर्ता टैग या यूनिवर्सल श्रेणी में है।

लेकिन केवल अन्य चयनकर्ताओं की तुलना में। यह अभी भी धधक रहा है और जब तक आप पागल नहीं हो जाते, तब तक शायद आप इसे कभी नोटिस नहीं करेंगे।

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

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