SASS-da saýlawçylary birleşdirmek
Bazen kompýasiýa edilende içine giren konstruksiýalar aralyk bilen däl-de, birlikde birleşmeli bolýar. Bunun üçin içine giren saýlawçynyň adyndan öň ampersand goýulmalydyr:
div {
&.block {
width: 300px;
}
}
Netijede, kompýasiýadan soň biz aşakdaky kody alarys:
div.block {
width: 300px;
}
Aşakdaky kodyň kompýasiýa netijesi näme boljakdygyny düşündiriň:
#block {
&.xxx {
width: 300px;
}
}
Aşakdaky kodyň kompýasiýa netijesi näme boljakdygyny düşündiriň:
#block {
.xxx {
width: 300px;
}
}
Aşakdaky kodyň kompýasiýa netijesi näme boljakdygyny düşündiriň:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Aşakdaky kodyň kompýasiýa netijesi näme boljakdygyny düşündiriň:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Aşakdaky kodyň kompýasiýa netijesi näme boljakdygyny düşündiriň:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
