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
| Merkmal | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Grundlegende Unterstützung | (Ja) | (Ja) | (Ja) | (Ja) | (Ja) |
| Merkmal | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Grundlegende Unterstützung | ? | ? | ? | ? | ? | ? |
Schlagwörter des Dokuments und Mitwirkende
Schlagwörter:
Mitwirkende an dieser Seite:
Sebastianz
Zuletzt aktualisiert von:
Sebastianz,