In CSS werden Klassenselektoren mit einem Punkt angezeigt:
.center {text-align: center}
Im obigen Beispiel sind alle HTML-Elemente mit der Center-Klasse zentriert.
Im folgenden HTML-Code haben sowohl h1- als auch p-Elemente die Center-Klasse. Das bedeutet, dass beide die Regeln im „.center“-Selektor respektieren.
Diese Überschrift wird zentriert ausgerichtet
Dieser Absatz wird ebenfalls zentriert ausgerichtet
*******************************
ID-Selektor
Der ID-Selektor kann einen bestimmten Stil für HTML-Elemente angeben, die mit einer bestimmten ID gekennzeichnet sind. Der ID-Selektor wird mit „#“ definiert. Die folgenden zwei ID-Selektoren, der erste kann die Farbe des Elements als Rot und der zweite die Farbe des Elements als Grün definieren:
#rot {Farbe:rot;} #grün {Farbe:grün;}
Im folgenden HTML-Code wird das p-Element mit dem ID-Attribut Rot in Rot und das P-Element mit dem ID-Attribut Grün in Grün angezeigt.
Dieser Absatz ist rot.
Dieser Absatz ist grün.
Hinweis: Das id-Attribut kann in jedem HTML-Dokument nur einmal vorkommen. Um herauszufinden, warum, lesen Sie XHTML: Website Refactoring.
