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