Wie kombiniere ich mehrere CSS-Klassenstile, ohne den Code zu wiederholen?

Kombinieren mehrerer CSS-Klassenstile

Um dieselbe CSS-Eigenschaft auf mehrere Klassen anzuwenden, ohne den Code zu wiederholen, sollten Sie die Klassenauswahldeklarationen zusammenführen. Dies kann erreicht werden, indem die Klassennamen durch ein Komma getrennt werden, wie unten gezeigt:

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

In diesem Beispiel ist die CSS-Eigenschaft margin-left: 20px; wird sowohl auf die Klassen .abc als auch .xyz angewendet. Das CSS-Snippet in Ihrem Beispiel kann mit diesem Ansatz umgeschrieben werden:

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

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

Wird:

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

Das obige ist der detaillierte Inhalt vonWie kombiniere ich mehrere CSS-Klassenstile, ohne den Code zu wiederholen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!