] डेवलपर्स को समान प्रभाव प्राप्त करने के लिए अधिक जटिल तकनीकों का सहारा लेना पड़ा। हालाँकि, CSS नेस्टिंग मॉड्यूल ने नई संभावनाओं को खोल दिया है। CSS नेस्टिंग मॉड्यूल के साथ, आप निम्न सिंटैक्स को गले लगा सकते हैं:

। Class1 { कुछ सामान; } .Class2 { ।वर्ग 1; कुछ और सामान; }

यह सिंटैक्स आपको घोंसले की कक्षाओं में अनुमति देता है, जिससे पदानुक्रमित संरचनाएं बनती हैं। & td { पाठ-संरेखण: केंद्र; & .c {टेक्स्ट-ट्रांसफ़ॉर्म: अपरकेस} &: प्रथम-बच्चे, और: प्रथम-बच्चे टीडी {सीमा: 1px ठोस काला} } & वां { पाठ-संरेखण: केंद्र; पृष्ठभूमि: काला; रंग सफेद; } } । फू { रंग: लाल; @nest &> .bar { रंग नीला; } }

। फू { रंग: लाल; @nest .parent & { रंग नीला; } }

सीएसएस नेस्टिंग के साथ, अब आप अधिक संक्षिप्त और बनाए रखने योग्य स्टाइलशीट लिख सकते हैं। बढ़े हुए लचीलेपन और अर्थ संरचना का आनंद लें।