Wie kombiniere ich Stile für mehrere Klassen in CSS?

Stile für mehrere Klassen kombinieren

In CSS ist es oft wünschenswert, dieselben Stileigenschaften auf mehrere Elemente mit unterschiedlichen Klassennamen anzuwenden. Dadurch ist kein sich wiederholender Code erforderlich.

Betrachten Sie den folgenden Code, in dem zwei Klassen, .abc und .xyz, dieselbe margin-left-Eigenschaft haben:

<code class="css">.abc {
  margin-left: 20px;
}

.xyz {
  margin-left: 20px;
}</code>

Um diese Stile zu kombinieren Um eine einzelne Regel zusammenzufassen, verwenden Sie eine durch Kommas getrennte Liste von Klassennamen. Die resultierende Regel wendet dieselben Eigenschaften sowohl auf .abc als auch auf .xyz an:

<code class="css">.abc, .xyz {
  margin-left: 20px;
}</code>

Mit dieser kombinierten Regel können Sie die margin-left-Eigenschaft sowohl für .abc- als auch für .xyz-Elemente steuern und so die Coderedundanz reduzieren Verbesserung der Wartbarkeit.

Das obige ist der detaillierte Inhalt vonWie kombiniere ich Stile für mehrere Klassen in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!