* * सीएसएस चयनकर्ता क्या करता है?

Question

हाल ही में मैं CSS में आया था।

साइट संदर्भ - Site Link।

सीएसएस स्टाइल शीट, इंटरनेट और स्टैक ओवरफ़्लो में एक * उपयोग के लिए उदाहरणों के साथ बाढ़ आ गई है, लेकिन मुझे सीएसएस में दो * * प्रतीक का उपयोग करने के बारे में निश्चित नहीं है।

मैंने इसे गुगल किया, लेकिन इसके बारे में कोई प्रासंगिक जानकारी नहीं ढूंढ पाई, क्योंकि एक * सभी तत्वों का चयन करता है, लेकिन मुझे यकीन नहीं है कि साइट ने इसे दो बार क्यों उपयोग किया। इसके लिए गायब हिस्सा क्या है, और यह हैक क्यों उपयोग किया जाता है (यदि यह एक हैक है)?

Answer 1

किसी भी अन्य समय की तरह आप दो चयनकर्ताओं को एक के बाद एक (उदाहरण के लिए li a) डालते हैं, तो आप वंश संयोजक प्राप्त करते हैं। तो * * कोई तत्व है जो कि किसी भी अन्य तत्व के वंशज है - दूसरे शब्दों में, कोई भी तत्व पूरे दस्तावेज़ का मूल तत्व नहीं है।

Answer 2

* * शीर्ष-स्तर तत्व को छोड़कर सबकुछ मिलाता है, उदाहरण के लिए, html।

Answer 3

यह किसी अन्य तत्व के अंदर घोंसला वाले सभी तत्वों का चयन करता है, उसी तरह div a<div> तत्व के अंदर कहीं भी घोंसला वाले सभी <a> तत्वों का चयन करेगा।

Answer 4

* का मतलब सभी तत्वों को दी गई शैलियों को लागू करना है।

* * का मतलब सभी तत्वों के बाल तत्वों को दी गई शैलियों को लागू करना है। उदाहरण:

body > * { 
    margin: 0; 
} 

यह शरीर के सभी बच्चे तत्वों के लिए मार्जिन शैलियों लागू होता है। उसी तरह,

* * { 
    margin: 0; 
} 

* के बच्चे तत्वों पर लागू होता है margin: 0। संक्षेप में, यह लगभग हर तत्व के लिए margin: 0 लागू होता है।

आम तौर पर, एक * पर्याप्त है। दो * * की कोई आवश्यकता नहीं है।

Answer 5

बस एक छोटे से बड़ा उदाहरण:

कोशिश अपनी साइट पर इस जोड़ने के लिए:

* { outline: 2px dotted red; } 
* * { outline: 2px dotted green; } 
* * * { outline: 2px dotted orange; } 
* * * * { outline: 2px dotted blue; } 
* * * * * { outline: 1px solid red; } 
* * * * * * { outline: 1px solid green; } 
* * * * * * * { outline: 1px solid orange; } 
* * * * * * * * { outline: 1px solid blue; } 

डेमो:http://jsfiddle.net/l2aelba/sFSad/

---

उदाहरण 2:

डेमो: // jsfiddle:http://jsfiddle.net/l2aelba/sFSad/34/