Dasclassglobale Attribut ist eine Liste der Klassen des Elements, getrennt durchASCII-Leerzeichen.

Probieren Sie es aus

<p>Narrator: This is the beginning of the play.</p><p>Above point sounds a bit obvious. Remove/rewrite?</p><p>Narrator: I must warn you now folks that this beginning is very exciting.</p><p>[Lights go up and wind blows; Caspian enters stage right]</p>

.note {  font-style: italic;  font-weight: bold;}.editorial {  background: rgb(255 0 0 / 0.25);  padding: 10px;}.editorial::before {  content: "Editor: ";}

Syntax

Dasclass-Attribut ist eine Liste von Klassenwerten, die durchASCII-Leerzeichen getrennt sind.

Jeder Klassenwert kann beliebige Unicode-Zeichen enthalten (außer natürlich ASCII-Leerzeichen). Wenn jedoch in CSS-Selektoren verwendet, entweder aus JavaScript über APIs wieDocument.querySelector() oder in CSS-Stylesheets, müssen Klassenattributwerte gültigeCSS-Bezeichner sein. Das bedeutet, dass, wenn ein Klassenattributwert kein gültiger CSS-Bezeichner ist (z.B.my?class oder1234), er entweder mit der MethodeCSS.escape() odermanuell vor der Verwendung in einem Selektor maskiert werden muss.

Aus diesem Grund wird empfohlen, dass Entwickler Werte für Klassenattribute wählen, die gültige CSS-Bezeichner sind, die nicht maskiert werden müssen.

Beschreibung

Klassen ermöglichen es CSS und JavaScript, spezifische Elemente über dieKlassenselektoren oder Funktionen wiedocument.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 Beispielattribute, um ein Attribut zu beschreiben, anstattitalics, obwohl ein Element dieser Klasse kursiv dargestellt werden könnte. Semantische Namen bleiben logisch, auch wenn sich die Darstellung der Seite ändert.

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Alleglobalen Attribute.
• element.className
• element.classList
• Einführung in CSS