Sie können Ihre eigenen Selektoren mithilfe der Klassenselektorklasse und der Bezeichnerselektor-ID definieren.

Der Vorteil davon ist, dass Sie das gleiche HTML-Element je nach Klasse oder ID unterschiedlich darstellen können.

In CSS steht vor dem Klassenselektor ein halber englischer Punkt (.) und vor der ID ein halbbreites englisches Nummernzeichen (#).

sieht so aus:

#top { Hintergrundfarbe: #ccc; padding: 1em } .intro { Farbe: rot; Schriftstärke: fett }
HTML mit CSS Verbindungen verwenden die Attribute id und class. So:

Der Unterschied zwischen id und class besteht darin, dass id für ein eindeutiges Element verwendet wird, während class für mehr als ein Element verwendet wird.

Sie können Selektoren auch auf ein bestimmtes HTML-Element anwenden, indem Sie den HTML-Selektor voranstellen, sodass p.jam {whatever} auf Absätze mit der Klasse „jam“ angewendet wird.


Ein ID-Name ist normalerweise auf einer Seite eindeutig definiert. Daher wird normalerweise empfohlen, beim Definieren von CSS auf der Seite die Verwendung von class zu verwenden, damit Sie die ID für die am meisten benötigten Elemente wiederverwenden können Verwenden Sie JavaScript für HTML-Elemente usw.