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.
<h1 class="center">Diese Überschrift wird zentriert ausgerichtet </h1> <p class="center">Dieser Absatz wird ebenfalls zentriert ausgerichtet </p>
*******************************
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.
<p id="red">Dieser Absatz ist rot. </p> <p id="green">Dieser Absatz ist grün. </p>
Hinweis: Das id-Attribut kann in jedem HTML-Dokument nur einmal vorkommen. Um herauszufinden, warum, lesen Sie XHTML: Website Refactoring.