एक सीएसएस चयनकर्ता में तारांकन (*) क्या करता है?

Question

मैं इस सीएसएस कोड मिल गया है और मैं देखना यह क्या करता है यह भाग गया और * यह पृष्ठ पर हर तत्व को रेखांकित किया,

कोई क्या तारांकन व्याख्या कर सकते हैं सीएसएस में दिखती है?

<style> 
* { 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 } 
</style> 

Answer 1

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

उदाहरण के लिए, अगर मैं अपने पूरे पृष्ठ पर प्रत्येक तत्व के मार्जिन लागू चाहते हैं आप का उपयोग कर सकते हैं:

* { 
    margin: 10px; 
} 

आप भी इस उप-चयन के भीतर उदाहरण के लिए निम्नलिखित का उपयोग कर सकते हैं, और सभी के लिए एक मार्जिन जोड़ना होगा एक पैराग्राफ टैग के भीतर तत्वों:

p * { 
    margin: 10px; 
} 

आपका उदाहरण कुछ सीएसएस प्रवंचना कर रही है तत्वों को लगातार सीमाओं और मार्जिन लागू करने के लिए उन्हें कई रंग सीमाओं देने के लिए। उदाहरण के लिए, एक काला सीमा से घिरा एक सफेद सीमा।

Answer 2

* एक वाइल्डकार्ड है। इसका अर्थ यह है कि यह शैली को किसी भी HTML तत्व पर लागू करेगा। अतिरिक्त * शैली को घोंसले के इसी स्तर पर लागू करती है।

यह चयनकर्ता तत्वों के घोंसले के स्तर के आधार पर पृष्ठ के सभी तत्वों के लिए अलग-अलग रंगीन रूपरेखा लागू करेगा।

Answer 3

* अधिकांश अन्य मामलों की तरह वाइल्डकार्ड के रूप में कार्य करता है।

यदि आप कार्य करें:

*{ 
    margin: 0px; 
    padding: 0px; 
    border: 1px solid red; 
} 

फिर सभी HTML तत्वों उन शैलियों होगा।

Answer 4

आपके द्वारा संदर्भित सीएसएस पृष्ठ लेआउट समस्याओं को डिबग करने के लिए वेब-डिज़ाइनर के लिए बहुत उपयोगी है। मैं अक्सर इसे अस्थायी रूप से पृष्ठ में छोड़ देता हूं, इसलिए मैं सभी पेज तत्वों का आकार देख सकता हूं और ट्रैक कर सकता हूं, उदाहरण के लिए, जिसकी बहुत अधिक पैडिंग है जो अन्य तत्वों को जगह से बाहर कर रही है।

एक ही चाल केवल पहली पंक्ति के साथ की जा सकती है, लेकिन एकाधिक रूपरेखाओं को परिभाषित करने का लाभ यह है कि आपको घोंसला वाले पृष्ठ तत्वों के पदानुक्रम के लिए सीमा रंग के माध्यम से एक दृश्य सुराग मिलता है।

Answer 5

आपकी स्टाइलशीट में, सामान्यतः आपको फ़ॉन्ट-आकार विशेषता और मार्जिन जैसे सभी तत्वों के लिए मूल नियम परिभाषित करने की आवश्यकता होती है। {फ़ॉन्ट आकार: 14 पीएक्स; मार्जिन: 0; पैडिंग: 0;} / तत्वों पर ब्राउजर की डिफ़ॉल्ट सेटिंग ओवरराइड, सभी टेक्स्ट फ़ॉन्ट आकार को 14 पिक्सेल आकार के रूप में शून्य मार्जिन और पैडिंग के साथ प्रस्तुत किया जाएगा, जिसमें एच 1, ... प्री। */