Der Inhalt dieser Seite wurde von der Community übersetzt, jedoch wird er nicht mehr aktiv gepflegt und kann daher veraltet sein. Wenn du mithelfen möchtest, kannst du hier herausfinden wie deaktivierte Übersetzungen reaktiviert werden können.

Klassenselektoren

In einem HTML Dokument matchen CSS Klassenselektoren ein Element basierend auf den Inhalten des class Attributs des Elements. Das class Attribut ist definiert als eine durch Leerzeichen getrennte Liste von Einträgen, wobei einer dieser Einträge exakt auf den Klassennamen des angegebenen Selektors passen muss.

Syntax

.classname { style properties }

Beachte, dass dies äquivalent zu folgendem attributselektor ist:

[class~=classname] { style properties }

Beispiel

CSS

span.classy {
  background-color: DodgerBlue;
}

HTML

<span class="classy">Hier ist ein Span mit Text.</span>
<span>Hier ist ein weiterer.</span>

Spezifikationen

Spezifikation Status Kommentar
Selectors Level 4
Die Definition von 'class selectors' in dieser Spezifikation.		 Arbeitsentwurf Keine Änderungen
Selectors Level 3
Die Definition von 'class selectors' in dieser Spezifikation.		 Empfehlung  
CSS Level 2 (Revision 1)
Die Definition von 'child selectors' in dieser Spezifikation.		 Empfehlung  
CSS Level 1
Die Definition von 'child selectors' in dieser Spezifikation.		 Empfehlung Ursprüngliche Definition

Browser Kompatibilität

BCD tables only load in the browser