Wie kann ich CSS-Stile wiederverwenden, ohne auf Regelsätze zu verweisen?

CSS-Regelreferenzierung

In CSS ist es nicht möglich, einen Regelsatz innerhalb eines anderen zu referenzieren. Es gibt jedoch auch andere Methoden, um ähnliche Effekte zu erzielen.

Selektoren wiederverwenden

Sie können Selektoren für mehrere Regelsätze innerhalb eines Stylesheets wiederverwenden. Zum Beispiel:

.opacity, .someDiv {
  ...
}

Dies wendet die gleichen Stile auf beide Elemente mit den Klassen „opacity“ und „someDiv“ an.

Selektoren kombinieren

Das können Sie auch Verwenden Sie mehrere Selektoren für einen einzelnen Regelsatz. Trennen Sie Selektoren durch Kommas:

.opacity, .someDiv {
  ...
}

Dies wendet die gleichen Stile auf Elemente mit der Klasse „opacity“ oder „someDiv“ an.

Anwenden mehrerer Klassen

Mit dem Klassenattribut können mehrere Klassen auf ein einzelnes HTML-Element angewendet werden:

<div class="opacity radius"></div>

Dadurch werden die Stile angewendet definiert in den Deckkraft- und Radius-Regelsätzen für dieses Element.

Best Practices

Erwägen Sie die Verwendung von Klassennamen, die den Zweck des Stils beschreiben, anstatt eines bestimmten Stils:

.rounded-corners {
  ...
}

Halten Sie die CSS-Logik von der HTML-Struktur getrennt, um die Wartbarkeit des Codes zu gewährleisten.

Das obige ist der detaillierte Inhalt vonWie kann ich CSS-Stile wiederverwenden, ohne auf Regelsätze zu verweisen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!