दिलचस्प पोस्ट
"SMTP त्रुटि: प्रमाणीकृत नहीं किया जा सका" PHPMailer में IQueryable, सूची, IEnumerator के बीच अंतर? आर: बेतरतीब डेटाएफ़्रेम अनुपात में एनएएस डालें एंड्रॉइड इम्यूलेटर शुरू नहीं हो सकता है, गलत फ़ोल्डर के कारण सी में 'const char * const *' के लिए मैं 'char **' को क्यों नहीं परिवर्तित कर सकता हूं? MFMailComposeViewController छवि अभिविन्यास बहिष्कृत SMIL SVG एनीमेशन सीएसएस या वेब एनिमेशन प्रभाव (हॉवर, क्लिक करें) के साथ बदल दिया अभिगम नियंत्रण-अनुमति-उत्पत्ति द्वारा मूल नल की अनुमति नहीं है Jquery के साथ गतिशील colspan सेट क्यों आलोक () का उपयोग अच्छा अभ्यास नहीं माना जाता है? मैं एक चुनिंदा बॉक्स के विकल्पों को पॉप्यूलेट करने के लिए JSON डेटा का उपयोग कैसे कर सकता हूं? मैं पायथन अनुरोधों में सुरक्षा प्रमाण पत्र की जांच कैसे कर सकता हूं? जावा: क्लेनेबल इंटरफ़ेस का तर्क ऑब्जेक्ट के लिए XML स्ट्रिंग को कन्वर्ट करें Servlet को फ़ॉर्म सबमिट करने के बाद मैं जेएसएपी में HTML प्रपत्र फ़ील्ड वैल्यू कैसे बना सकता हूं?

सीएसएस में एकाधिक वर्गों में अल्पविराम और रिक्त स्थान क्या हैं?

यहाँ एक ऐसा उदाहरण है जिसे मुझे समझ नहीं आ रहा है:

.container_12 .grid_6, .container_16 .grid_8 { width: 460px; } 

मुझे लगता है कि width: 460px सभी उपरोक्त width: 460px लिए लागू किया जाता है लेकिन कुछ वर्गों को एक अल्पविराम ( , ) से अलग क्यों किया जाता है, और कुछ जगहों पर बस कुछ ही जगहों से?

मुझे लगता है कि width: 460px केवल उन तत्वों के लिए लागू किया जाएगा जो कक्षाओं को सीएसएस फ़ाइल में उल्लेखित तरीके से जोड़ते हैं। उदाहरण के लिए, यह <div class='container_12 grid_6'> पर लागू होगा, लेकिन यह <div class='container_12'> लागू नहीं होगा। क्या यह धारणा सही है?

Solutions Collecting From Web of "सीएसएस में एकाधिक वर्गों में अल्पविराम और रिक्त स्थान क्या हैं?"

 .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } 

यह कहते हैं, "सभी .grid_6 के भीतर .container_12 और सभी .grid_8 के भीतर .container_16 के 460 पिक्सल चौड़े।" तो निम्न में से दोनों समान रेंडर करेंगे:

 <div class="container_12"> <div class="grid_6">460px Wide</div> </div> <div class="container_16"> <div class="grid_8">460px Wide</div> </div> 

कॉमा के लिए, यह एक नियम को कई वर्गों में लागू करता है, जैसे यह।

 .blueCheese, .blueBike { color:blue; } 

यह कार्यात्मक रूप से समतुल्य है:

 .blueCheese { color:blue } .blueBike { color:blue } 

लेकिन वर्बोसिटी पर कटौती

 .container_12 .grid_6 { ... } 

यह नियम क्लास grid_6 साथ एक DOM नोड से मेल खाता है जिसमें कक्षा grid_6 साथ एक वंशज (जरूरी नहीं कि एक बच्चा) है, और सीएसएस नियमों को कक्षा grid_6 साथ DOM तत्व में लागू होता है।

 .container_12 > .grid_6 { ... } 

लाना > उनके बीच का कहना है कि grid_6 नोड grid_6 नोड का प्रत्यक्ष बच्चा होना चाहिए।

 .container_12, .grid_6 { ... } 

एक अल्पविराम, जैसा कि दूसरों ने बताया है, एक समय में कई अलग-अलग नोड्स को नियम लागू करने का एक तरीका है। इस मामले में, नियम grid_6 या grid_6 किसी वर्ग के साथ किसी भी नोड पर लागू होते हैं।

width: 460px; तत्व के साथ .grid_8 वर्ग के साथ लागू किया जाएगा, जिसमें .container_16 वर्ग के तत्वों के अंदर , और .grid_6 वर्ग के तत्व, जिसमें तत्वों के अंदर शामिल है। .grid_6

अंतरिक्ष विरासत का मतलब है, और अल्पविराम का मतलब 'और'। यदि आप एक चयनकर्ता की तरह गुणों को पसंद करते हैं
.class-a, .class-b , आपके पास दो वर्गों में से किसी के साथ तत्वों पर लागू गुण हैं

आशा है कि मैंने मदद की है

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

इसलिये

 .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } 

उस शैली को केवल कक्षा .grid_6 पर लागू होता है जो कि .container_12 वर्ग में और .grid_8 वर्ग के भीतर होता है जो। के भीतर है। .grid_8

ठीक से नहीं पूछा गया था, लेकिन शायद यह मदद मिलेगी

किसी तत्व को एक शैली लागू करने के लिए केवल तभी यदि दोनों कक्षाएं हैं तो आपके चयनकर्ता को कक्षा नामों के बीच कोई स्थान नहीं इस्तेमाल करना चाहिए।

उदाहरण के लिए:

 .class1.class2 { color: #f00; } .class1 .class2 { color: #0f0; } .class1, .class2 { font-weight: bold; } 

जैसा लागू किया गया है:

 <div class='class1 class2'>Bold Red Text</div> <div class='class1'>Bold Text (not red)</div> <div class='class1'><div class='class2'>Bold Green Text</div></div> 

आपके पास आपके उदाहरण में चार वर्ग और दो चयनकर्ता हैं:

 .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } 

इसलिए .container_12 और .grid_6 दोनों कक्षाएं हैं, लेकिन नियम width: 460px केवल उन तत्वों पर लागू किया जाएगा जिनके पास .grid_6 वर्ग है जो कि एक तत्व के वंशज हैं जो। .grid_6 वर्ग।

उदाहरण के लिए:

 <div class="container_16"> <p class=".grid_6">This has a width of 480px.</p> <p>This has an unknown width.</p> </div> 
 .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } 

width:460px केवल .grid_6 और .grid_8 लागू .grid_8

संपादित करें: आपके लिए यह एक बहुत अच्छा लेख है

http://css-tricks.com/multiple-class-id-selectors/

उपर्युक्त अर्थ यह है कि आप अल्पविराम द्वारा दर्शाए गए दो वर्गों में शैलियों को लागू कर रहे हैं।

जब आप दो तत्वों की तरफ से अलग नहीं होते हैं, तो आप यह मान सकते हैं कि यह एक क्षेत्र के भीतर के क्षेत्र का संदर्भ दे रहा है। इसलिए उपरोक्त में, यह शैली केवल कंटेनर_12 कक्षाओं के अंदर और कंटेनर_16 कक्षाओं के अंदर ग्रिड_8 कक्षाओं के अंदर grid_6 कक्षाओं पर लागू होती है।

उदाहरण में:

 <div class="grid_6">This is not effected</div> <div class="container_12"> <div class="grid_6"> This is effected. </div> </div> 

पहला ग्रिड_ 6 प्रभावी नहीं होगा, जबकि दूसरा ग्रिड_ 6 वर्ग होगा क्योंकि यह कंटेनर 1 2 के अंदर होता है।

जैसे एक बयान

 #admin .description p { font-weight:bold; } 

क्या केवल बोल्ड को लागू होगा

उन इलाकों के भीतर टैग्स जिनमें कक्षा "वर्णन" है, जो कि "व्यवस्थापक" के साथ एक क्षेत्र के अंदर है, जैसे:

 <div id="admin"> <div class="description"> <p>This is bold</p> </div> </div>