SASS да селекторларни гуруҳлаш
Агар ички қаватланишда селекторларни гуруҳлаш мавжуд бўлса, SASS компиляция жараёнида бу конструкцияни тўғри ёйип беради. Амалда кўрамиз. Гуруҳлашнинг мисоли:
styles.scss#header {
.menu, .logo {
color: red;
}
}
Натижада компиляциядан кейин куйидаги код ҳосил бўлади:
styles.css#header .menu, #header .logo {
color: red;
}
Задание 1
Куйидаги коднинг компиляция натижаси қандай бўлишини баён қилинг:
styles.scss#block {
ul, ol {
color: blue;
li {
font-size: 20px;
}
}
}