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