Heim > Web-Frontend > CSS-Tutorial > Einführung in CSS-ID- und Klassenselektoren

Einführung in CSS-ID- und Klassenselektoren

零下一度
Freigeben: 2017-05-15 11:54:11
Original
1703 Leute haben es durchsucht

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;
}
Nach dem Login kopieren

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;}
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage