SASS-də selektorların birləşdirilməsi
Bəzən biz kompilyasiya zamanı iç-içə quruluşların boşluq ilə deyil, birbaşa bitişik şəkildə birləşməsini istəyirik. Bunun üçün iç-içə selektorun adından əvvəl işarəsi qoymaq lazımdır:
div {
&.block {
width: 300px;
}
}
Nəticədə, kompilyasiyadan sonra biz aşağıdakı kodu alarıq:
div.block {
width: 300px;
}
Aşağıdakı kodun kompilyasiya nəticəsi nə olacaq?
#block {
&.xxx {
width: 300px;
}
}
Aşağıdakı kodun kompilyasiya nəticəsi nə olacaq?
#block {
.xxx {
width: 300px;
}
}
Aşağıdakı kodun kompilyasiya nəticəsi nə olacaq?
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Aşağıdakı kodun kompilyasiya nəticəsi nə olacaq?
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Aşağıdakı kodun kompilyasiya nəticəsi nə olacaq?
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
