class

Klassen ermöglichen es CSS und JavaScript, spezifische Elemente über die Klassenselektoren oder Funktionen wie document.getElementsByClassName() auszuwählen und zuzugreifen.

Obwohl die Spezifikation keine Anforderungen an die Namen von Klassen stellt, wird Webentwicklern empfohlen, Namen zu verwenden, die den semantischen Zweck des Elements beschreiben, anstatt die Darstellung des Elements. Zum Beispiel attribute, um ein Attribut zu beschreiben, anstatt italics, obwohl ein Element dieser Klasse in Kursivschrift dargestellt werden kann. Semantische Namen bleiben logisch, auch wenn sich die Darstellung der Seite ändert.

Das class-Attribut ist eine Liste von Klassenwerten, getrennt durch ASCII-Leerzeichen.

Jeder Klassenwert kann beliebige Unicode-Zeichen enthalten (mit Ausnahme von ASCII-Leerzeichen). Wenn jedoch in CSS-Selektoren verwendet, entweder aus JavaScript mit APIs wie Document.querySelector() oder in CSS-Stylesheets, müssen Klassenattributwerte gültige CSS-Identifier sein. Das bedeutet, dass wenn ein Klassenattributwert kein gültiger CSS-Identifier ist (zum Beispiel my?class oder 1234), er vor der Verwendung in einem Selektor entweder mit der Methode CSS.escape() oder manuell maskiert werden muss.

Aus diesem Grund wird empfohlen, dass Entwickler Werte für Klassenattribute wählen, die gültige CSS-Identifier sind und keine Maskierung erfordern.

• Alle globalen Attribute.
• element.className
• element.classList
• Einführung in CSS