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!