Einführung in CSS-ID- und Klassenselektoren

id und class Selector

Wenn Sie CSS-Stile im HTML-Element festlegen möchten, müssen Sie „id“ und „class“ im festlegen Elementauswahl.

ID-Selektor

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.

Die folgenden Stilregeln gelten für das Elementattribut id="para1":

Instanz

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

Das ID-Attribut sollte nicht mit einer Zahl beginnen Zahlen sind in Mozilla / Funktioniert nicht im Firefox-Browser.

Klassenselektor

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

Der Klassenselektor wird in HTML durch das Klassenattribut dargestellt. In CSS wird der Klassenselektor mit einem Punkt „.“ dargestellt:

Im folgenden Beispiel alle Objekte mit der Mittelklasse HTML-Elemente sind alle zentriert.

p.center {text-align:center;}

Das erste Zeichen des Klassennamens darf keine Zahlen enthalten! Es funktioniert nicht in Mozilla oder Firefox.

【Verwandte Empfehlungen】

1. Besondere Empfehlung: „php Programmer Toolbox“ V0.1 Version herunterladen

2. Kostenloses CSS-Online-Video-Tutorial

3. php.cn Dugu Jiujian (2) - CSS-Video-Tutorial

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