„… dazu dient der Nesting-Selektor …“ Der, scheint mir, ist schon wieder eine Ecke weiter. Und dabei auch mal untergetaucht.
.foo {
& .bar { …
und
.foo {
.bar { …
sind wohl identisch.
.foo {
& p { …
dagegen scheint nach dem „&“ zu verlangen: HTML-Elemente wollen das anscheinend so.
Und: man kann die Dinger auch „anders herum“ verwenden:
.foo {
.bar & { …
entspricht wohl einem
.bar .foo { …