नेस्टेड सीएसएस नियम

Question

कुछ समय पहले मैंने एक सीएसएस फ़ाइल का एक उदाहरण देखा, जहां सीएसएस नियम/चयनकर्ता जहां नेस्टेड तरीके से निर्दिष्ट किया गया था, उदा। कुछ इस तरह:

div.a { 
    color: red; 
    div.b { 
    font-weight: bold; 
    } 
} 

मैं कहाँ मुझे लगता है कि देखा (शायद एक तो सवाल में) यकीन नहीं है, या ऊपर दिखाए गए के रूप में है कि क्या यह वास्तव में किया गया था।

मेरे प्रश्न: क्या उपरोक्त सीएसएस सही/मान्य है? क्या यह सीएसएस नियम निर्दिष्ट करने का एक मानक तरीका है या यह ब्राउज़र-आधारित हैक है?

Answer 1

आप कर सकते हैं एस.ए.एस.एस. के साथ घोंसला नियम, http://sass-lang.com/

हो सकता है कि यह था?

Answer 2

कि वैध मानक सीएसएस नहीं है, लेकिन यह Sass/SCSS या LESS का उपयोग कर घोंसले वर्ग घोषणाओं का एक उदाहरण है और मैं वहाँ बाहर अन्य सीएसएस एक्सटेंशन का मानना ​​है, जो इसे (जो मान्य सीएसएस है) कुछ इस तरह का विस्तार करने के लिए इसे परोसने से पहले, ब्राउज़र का उपयोग करने के लिए:

div.a { 
    color: red; 
} 

div.a div.b { 
    /* Inherits color from div.a */ 
    font-weight: bold; 
} 

Answer 3

आप शायद LESS का जिक्र कर रहे हैं।

उदाहरण, आपने दिया वैध सीएसएस नहीं है, लेकिन कम से कम मान्य है। कम से कम नेस्टेड सीएसएस को "संकलित" कर देगा और इसे वैध सीएसएस में परिवर्तित कर देगा।

Answer 4

लगता है पर https://tabatkins.github.io/specs/css-nesting/

पर एक प्रस्ताव नहीं है लेकिन मैं इसके बारे में स्थिति