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

Browser Kompatibilit├Ąt

BCD tables only load in the browser