Ich hab’ jetzt da nochmal nachgesehen — und keinen Hinweis auf die quasi rekursive Nutzung entdeckt.

sel1 {
  sel2 & { /* ::= sel1 sel2 */
    & & { /* ::= sel1 sel2 sel1 sel2; ::≠ sel1 sel2 sel2 */
      & > & { /* ::= sel1 sel2 sel1 sel2 > sel1 sel2 sel1 sel2 */
      }
    }
  }
}

Und das Schachteln der Queries? Ich finde es nett, wenn ich zwecks der Übersicht nicht Dutzende davon „wegfolden“ muß.

Natürlich „kommt man drauf“. Aber erwähnenswert wäre es vielleicht ja.

Und: so fallen manche Fehler möglicherweise/wahrscheinlich (und dann sogar deutlich) früher auf. Es ist, beispielsweise, damit schwierig(er)

@media width > 1000px { … }
@media width < 1000px { … }

oder (vmtl. meist) komplexere „Logiklöcher“ zu bauen. Verschachtelt, meine ich, sind das dann keine kleinen Mäuschen mehr, erreichen womöglich sogar Elefanten-Größe.

Aber vor allem muß man so (ob nun mit „einfacher“ oder „rekursiver“ Schachtelung) nicht wer weiß wo in den ganzen Styles (in wie vielen Quellen?) suchen. Man hat, mit einem einfachen Einfalten (und wenn man … hmmm… „brav“ arbeitet) eine Stelle mit wenigen Zeilen für das Basis-Layout vor der Nase. Und weiß, wo man sich reingraben kann, wenn daraus mehr wird …