SASS'ta Seçici Gruplama
İç içe geçme durumunda seçici gruplaması söz konusuysa, SASS derleme sırasında bu yapıyı doğru şekilde genişletecektir. Pratikte görelim. İşte bir gruplama örneği:
#header {
.menu, .logo {
color: red;
}
}
Sonuç olarak, derleme sonrasında aşağıdaki kod elde edilecektir:
#header .menu, #header .logo {
color: red;
}
Aşağıdaki kodun derleme sonucunun ne olacağını açıklayın:
#block {
ul, ol {
color: blue;
li {
font-size: 20px;
}
}
}