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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
Class selector (.className)Chrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 1IE Vollständige Unterstützung 3Opera Vollständige Unterstützung JaSafari Vollständige Unterstützung 1WebView Android Vollständige Unterstützung JaChrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung JaSafari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung 1.0

Legende

Vollständige Unterstützung  
Vollständige Unterstützung

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: mdnwebdocs-bot, SJW, Sebastianz
Zuletzt aktualisiert von: mdnwebdocs-bot,