Einführung in den ID-Selektor und den Klassenselektor in CSS

id-Selektor Der

id-Selektor kann einen bestimmten Stil für HTML-Elemente angeben, die mit einer bestimmten ID gekennzeichnet sind.

Das HTML-Element verwendet das id-Attribut, um den ID-Selektor festzulegen, und der ID-Selektor wird in CSS mit „#“ definiert.

Zum Beispiel:

#para1
{
    text-align:center;
    color:red;
}

Hinweis: Beginnen Sie das ID-Attribut nicht mit einer Zahl. IDs, die mit Zahlen beginnen, funktionieren in Mozilla/Firefox-Browsern nicht.

Klassenselektor

Klassenselektor wird verwendet, um den Stil einer Gruppe von Elementen zu beschreiben. Der Klassenselektor unterscheidet sich vom ID-Selektor wird in mehreren Elementen verwendet.

Der Klassenselektor wird in HTML durch das Klassenattribut dargestellt, und in CSS wird der Klassenselektor mit einem Punkt „“ angezeigt.

Zum Beispiel:

Im folgenden Beispiel sind alle HTML-Elemente mit der Center-Klasse zentriert.

.center {text-align:center;}

Sie können mithilfe von Klassen auch bestimmte HTML-Elemente angeben.

Zum Beispiel:

Im folgenden Beispiel verwenden alle p-Elemente class="center", um den Text des Elements zu zentrieren.

p.center {text-align:center;}

Empfohlenes Tutorial: Grundlegendes Tutorial für den Einstieg in CSS

Das obige ist der detaillierte Inhalt vonEinführung in den ID-Selektor und den Klassenselektor in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!