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;
		}
	}
}