Selektoru savienošana SASS
Dažreiz mums ir nepieciešams, lai iegulto konstrukciju kompilācijas laikā tās savienotos nevis ar atstarpi, bet gan kopā. Lai to izdarītu, pirms iegultā selektora nosaukuma ir jāievieto & zīme:
div {
&.block {
width: 300px;
}
}
Rezultātā pēc kompilācijas mēs iegūsim šādu kodu:
div.block {
width: 300px;
}
Paskaidrojiet, kāds būs šāda koda kompilācijas rezultāts:
#block {
&.xxx {
width: 300px;
}
}
Paskaidrojiet, kāds būs šāda koda kompilācijas rezultāts:
#block {
.xxx {
width: 300px;
}
}
Paskaidrojiet, kāds būs šāda koda kompilācijas rezultāts:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Paskaidrojiet, kāds būs šāda koda kompilācijas rezultāts:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Paskaidrojiet, kāds būs šāda koda kompilācijas rezultāts:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
