class

Klassen ermöglichen es CSS und JavaScript, bestimmte 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 Präsentation des Elements. Zum Beispiel attribute, um ein Attribut zu beschreiben, anstatt italics, obwohl ein Element dieser Klasse möglicherweise kursiv dargestellt wird. Semantische Namen bleiben logisch, auch wenn sich die Präsentation der Seite ändert.

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

Jeder Klassenwert kann beliebige Unicode-Zeichen enthalten (außer natürlich ASCII-Leerzeichen). Allerdings müssen beim Einsatz in CSS-Selektoren, sei es über JavaScript mit APIs wie Document.querySelector() oder in CSS-Stylesheets, die Klassenattributwerte gültige CSS-Identifikatoren sein. Das bedeutet, dass, wenn ein Klassenattributwert kein gültiger CSS-Identifikator ist (z. B. my?class oder 1234), er vor der Verwendung in einem Selektor maskiert werden muss, entweder mit der Methode CSS.escape() oder manuell.

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

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