दिलचस्प पोस्ट
लगभग बराबर लम्बाई के एन भागों में एक सूची को विभाजित करना कैसे जावा के उपयोग से फ़ोल्डर खोलें ब्राउज़र टाइमआउट जावा प्रतिबिंब: एक चर का नाम कैसे प्राप्त करें? यह निर्धारित कैसे होता है कि वस्तु अवरोधित है (सिंक्रनाइज़) ताकि जावा में ब्लॉक न हो? सॉर्ट किए गए और घुमाए गए सरणी में खोजना विंडोज जीआईटी "चेतावनी: एलएफ को सीआरएलएफ द्वारा प्रतिस्थापित किया जाएगा", क्या यह चेतावनी पूंछ है? सी # से अटैचमेंट्स के साथ ई-मेल भेजा जा रहा है, संलग्नक थंडरबर्ड में भाग 1.2 के रूप में आते हैं मैं PHP में कैसे एक UTF-8 सीएसवी आउटपुट कर सकता हूं जो Excel ठीक से पढ़ा जाएगा? कोणीय जेएस के साथ मेडाश काम कैसे करें? सी # भाषण मान्यता – यह क्या उपयोगकर्ता ने कहा है? मैं ऑब्जेक्ट्स, विशेषकर एसटीएल ऑब्जेक्ट्स को डीएलएल से कैसे और सुरक्षित रूप से पास कर सकता हूं? क्या मैं दृश्य स्टूडियो 2012/2013/2015 में मैक्रोज़ रिकॉर्ड / प्ले कर सकता हूँ? मैं अधिक उपयोगकर्ता-अनुकूल स्ट्रिंग कैसे बना सकता हूं। प्रारूप वाक्यविन्यास? एकाधिक कॉलम बनाम लचीला सार तालिका के साथ एक निश्चित तालिका

एसस। एससीएसएस: नेस्टिंग और कई वर्गों?

मैं अपने वर्तमान परियोजना के लिए Sass (.scss) का उपयोग कर रहा हूँ।

निम्नलिखित उदाहरण:

एचटीएमएल

<div class="container desc"> <div class="hello"> Hello World </div> </div> 

एससीएसएस

 .container { background:red; color:white; .hello { padding-left:50px; } } 

यह महान काम करता है

नेस्टेड शैलियों का उपयोग करते समय मैं कई वर्गों को संभाल सकता हूँ

ऊपर दिए गए नमूने में मैं इस बारे में बात कर रहा हूं:

सीएसएस

 .container.desc { background:blue; } 

इस स्थिति में सभी div.container सामान्य रूप से red लेकिन div.container.desc नीले रंग का होगा।

सास के साथ container अंदर मैं कैसे घोंसला कर सकता हूं?

वेब के समाधान से एकत्रित समाधान "एसस। एससीएसएस: नेस्टिंग और कई वर्गों?"

आप अभिभावक चयनकर्ता संदर्भ का उपयोग कर सकते हैं & , संकलन के बाद इसे मूल चयनकर्ता द्वारा प्रतिस्थापित किया जाएगा:

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

 .container { background:red; &.desc{ background:blue; } } /* compiles to: */ .container { background: red; } .container.desc { background: blue; } 

& पूरी तरह से हल होगा, इसलिए यदि आपके अभिभावक चयनकर्ता ने नेस्ट किया है, तो नेस्टिंग को & ;

इस संकेतन का उपयोग ज्यादातर छद्म तत्वों और वर्गों को लिखने के लिए किया जाता है:

 .element{ &:hover{ ... } &:nth-child(1){ ... } } 

हालांकि, आप वस्तुतः किसी भी स्थिति में & जगह रख सकते हैं * , इसलिए निम्नलिखित भी संभव है:

 .container { background:red; #id &{ background:blue; } } /* compiles to: */ .container { background: red; } #id .container { background: blue; } 

हालांकि ध्यान रखें कि यह किसी तरह आपके नेस्टिंग संरचना को तोड़ता है और इस प्रकार आपकी स्टाइलशीट में एक विशिष्ट नियम खोजने के प्रयास में वृद्धि हो सकती है।

*: सफेद स्थानों की तुलना में कोई अन्य अक्षर की अनुमति नहीं है तो आप selector + &#id& एक सीधे संयोजन नहीं कर सकते हैं & एक त्रुटि फेंक सकते हैं।

अगर ऐसा मामला है, तो मुझे लगता है कि आपको एक वर्ग के नाम या क्लास का नाम सम्मेलन बनाने का बेहतर तरीका इस्तेमाल करना होगा। उदाहरण के लिए, जैसे आपने कहा था कि आप चाहते हैं। .container वर्ग को एक विशिष्ट उपयोग या उपस्थिति के अनुसार अलग-अलग रंग के लिए करना चाहिए। तुम यह केर सकते हो:

एससीएसएस

 .container { background: red; &--desc { background: blue; } // or you can do a more specific name &--blue { background: blue; } &--red { background: red; } } 

सीएसएस

 .container { background: red; } .container--desc { background: blue; } .container--blue { background: blue; } .container--red { background: red; } 

उपरोक्त कोड कक्षा नामकरण सम्मेलनों में बीईएम पद्धति पर आधारित है। आप इस लिंक की जांच कर सकते हैं: बीईएम – ब्लॉक एलीमेंट मोडिफायर पद्धति