Łączenie selektorów w SASS
Czasami potrzebujemy, aby podczas kompilacji zagnieżdżonych konstrukcji łączyły się one nie przez spację, a w sposób ciągły. W tym celu przed nazwą zagnieżdżonego selektora należy postawić ampersand:
div {
&.block {
width: 300px;
}
}
W wyniku kompilacji otrzymamy następujący kod:
div.block {
width: 300px;
}
Opowiedz, jaki będzie wynik kompilacji następującego kodu:
#block {
&.xxx {
width: 300px;
}
}
Opowiedz, jaki będzie wynik kompilacji następującego kodu:
#block {
.xxx {
width: 300px;
}
}
Opowiedz, jaki będzie wynik kompilacji następującego kodu:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Opowiedz, jaki będzie wynik kompilacji następującego kodu:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Opowiedz, jaki będzie wynik kompilacji następującego kodu:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
