SASS-এ নেস্টেড কনস্ট্রাকশন

SASS-এ আপনি এইভাবে একে অপরের মধ্যে কোড ব্লক নেস্ট করতে পারেন:

#header {
	.menu {
		color: red;
	}
	.logo {
		width: 100px;
	}
}

ফলস্বরূপ, কম্পাইলেশনের পরে ব্লকগুলির নেস্টিং সংশ্লিষ্ট সিলেক্টরগুলির নেস্টিং-এ রূপান্তরিত হয়:

#header .menu {
	color: red;
}
#header .logo {
	width: 100px;
}

নিচের কোড কম্পাইলেশনের ফলাফল কী হবে বলুন:

div {
	p {
		color: red;
	}
	ul {
		color: blue;
	}
}

নিচের কোড কম্পাইলেশনের ফলাফল কী হবে বলুন:

div {
	color: red;
	p {
		color: blue;
	}
}

নিচের কোড কম্পাইলেশনের ফলাফল কী হবে বলুন:

div {
	color: red;
	
	ul {
		color: blue;
		
		li {
			font-size: 20px;
		}
	}
}