LESS-də selektorların birləşdirilməsi
Bəzən bizə lazım olur ki, iç-içə quruluşlar kompilyasiya olunarkən boşluq vasitəsilə deyil, bitişik şəkildə birləşsinlər. 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 necə olacağını izah edin:
#block {
&.xxx {
width: 300px;
}
}
Aşağıdakı kodun kompilyasiya nəticəsi necə olacağını izah edin:
#block {
.xxx {
width: 300px;
}
}
Aşağıdakı kodun kompilyasiya nəticəsi necə olacağını izah edin:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Aşağıdakı kodun kompilyasiya nəticəsi necə olacağını izah edin:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Aşağıdakı kodun kompilyasiya nəticəsi necə olacağını izah edin:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
