CSS-Verschachtelung nicht unterstützt

Was verursacht diesen Fehler

Natives CSS-Nesting (mit & oder direkt verschachtelten Selektoren) ist eine neue CSS-Funktion. Ältere Browser verstehen diese Syntax nicht und ignorieren die verschachtelten Regeln.

So beheben Sie ihn

Verwende einen CSS-Präprozessor (Sass, PostCSS) als Fallback. Browserunterstützung vor dem Einsatz von nativem Nesting prüfen. Stelle flaches (nicht verschachteltes) CSS als Fallback bereit.

.parent {
  .child { color: red; }
}