SASS da selektorlarni guruhlash
Agar ichki joylashuvda selektorlarni guruhlash mavjud bo'lsa, SASS kompilyatsiya paytida ushbu konstruksiyani to'g'ri tarzda yoyadi. Amaliyotda ko'rib chiqaylik. Mana guruhlash misoli:
#header {
.menu, .logo {
color: red;
}
}
Natijada kompilyatsiya qilingan quyidagi kod hosil bo'ladi:
#header .menu, #header .logo {
color: red;
}
Quyidagi kodning kompilyatsiya natijasi qanday bo'lishini ayting:
#block {
ul, ol {
color: blue;
li {
font-size: 20px;
}
}
}
