nisting css klassen: jetzt maßgeblich

In früheren CSS -Versionen war die Idee, Klassen zu nisten, schwer fassbar. Entwickler mussten auf komplexere Techniken zurückgreifen, um ähnliche Effekte zu erzielen. Das CSS -Nistmodul hat jedoch neue Möglichkeiten geöffnet.

können Sie CSS -Klassen nisten? Mit dem CSS -Nistmodul können Sie die folgende Syntax annehmen:

. Class1 { einige Sachen; } .class2 { .class1; noch ein paar Sachen; }

Diese Syntax ermöglicht es Ihnen, Klassen zu nisten und hierarchische Strukturen zu erstellen. & td { Text-Align: Mitte; & .c {text-transform: Großbuchstaben} &: Erstkind, &: Erstkind TD {Border: 1px Solid Black} } & th { Text-Align: Mitte; Hintergrund: Schwarz; Farbe: weiß; } }

.class1 {
  some stuff;
}

.class2 {
  .class1;
  some more stuff;
}

. foo { Farbe: Rot; @nest &> .bar { Farbe: Blau; } }

. foo { Farbe: Rot; @nest .parent & { Farbe: Blau; } }

Mit CSS -Verschachteln können Sie jetzt prägnanter und wartbare Stylesheets schreiben. Genießen Sie die erhöhte Flexibilität und semantische Struktur, die es bietet.