एसएएस में नेस्टेड आयात

आमतौर पर @import का उपयरण दस्तावेज़ की शुरुआत में किया जाता है, लेकिन एसएएस प्रीप्रोसेसर फाइलों को आयात करने की अनुमति देता है हमारी आवश्यकता वाली फ़ाइल के किसी भी भाग में, जिसमें शामिल है सेलेक्टरों के अंदर।

निम्नलिखित उदाहरण पर विचार करें:

.active {
	color: blue;
}

इसके बाद इसे style.scss फाइल में आयात करें:

div {
	@import "main";
}

अब संकलन के परिणाम को देखते हैं:

div .active {
	color: blue; 
}

navbar.scss फाइल बनाएं निम्नलिखित सामग्री के साथ:

.link {
	color: red;
	font-size: 12px;
}

फिर इस स्निपेट को #main ब्लॉक में styles.scss फाइल में आयात करें और संकलन करें styles.css में।