CSS-Klassenselektor und ID-Selektor

In CSS wird der Klassenselektor 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 das h1- als auch das p-Element die Mittelklasse. Das bedeutet, dass beide die Regeln im „.center“-Selektor respektieren.

Diese Überschrift wird zentriert sein.

p>

******************************
id selector
id selector can Specify ein spezifischer Stil für HTML-Elemente, die mit einer bestimmten ID gekennzeichnet sind. Der ID-Selektor wird mit „#“ definiert. Für die beiden folgenden ID-Selektoren kann der erste die Farbe des Elements als Rot und der zweite die Farbe des Elements als Grün definieren:
#red {color:red;} #green {color: green;}
Im folgenden HTML-Code wird das p-Element, dessen ID-Attribut rot ist, in Rot angezeigt, und das p-Element, dessen ID-Attribut grün ist, wird 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.