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