Kann ich mehrere CSS-Klassen auf ein einzelnes HTML-Element anwenden?

Anwenden mehrerer CSS-Klassen auf ein einzelnes Element

Können mehrere CSS-Klassen auf ein einzelnes HTML-Element angewendet werden? Betrachten Sie beispielsweise den folgenden Code:

<a class="c1" class="c2">aa</a>

In diesem Fall scheint die Klasse c2 ignoriert zu werden. Wie können beide Klassen gleichzeitig angewendet werden?

Lösung:

Es gibt zwei Möglichkeiten, dies zu erreichen:

1. Mehrere Klassen im Klassenattribut

Trennen Sie die Klassen durch Leerzeichen, zum Beispiel:

<a class="c1 c2">aa</a>

2. Klassenschnittpunkt-Selektor (kein Leerzeichen)

Um anzugeben, dass ein HTML-Element alle angegebenen Klassen enthalten muss, verwenden Sie einen CSS-Selektor ohne Leerzeichen:

.c1.c2 {
  /* Styles */
}

Verwenden Sie diesen Selektor , das Element wird nur gestylt, wenn es sowohl die Klassen c1 als auch c2 hat.

Das obige ist der detaillierte Inhalt vonKann ich mehrere CSS-Klassen auf ein einzelnes HTML-Element anwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!