SASS'te Seçici Birleştirme
Bazen, iç içe geçmiş yapılar derlendiğinde aralarında boşluk olmadan, bitişik bir şekilde birleşmelerini isteriz. Bunun için, iç içe geçmiş seçicinin adından önce bir ve işareti (&) koymak gerekir:
div {
&.block {
width: 300px;
}
}
Sonuç olarak, derlemeden sonra aşağıdaki kod elde edilecektir:
div.block {
width: 300px;
}
Aşağıdaki kodun derleme sonucunun ne olacağını açıklayın:
#block {
&.xxx {
width: 300px;
}
}
Aşağıdaki kodun derleme sonucunun ne olacağını açıklayın:
#block {
.xxx {
width: 300px;
}
}
Aşağıdaki kodun derleme sonucunun ne olacağını açıklayın:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Aşağıdaki kodun derleme sonucunun ne olacağını açıklayın:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Aşağıdaki kodun derleme sonucunun ne olacağını açıklayın:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
