Heim > Web-Frontend > CSS-Tutorial > Was sind CSS-Selektoren?

Was sind CSS-Selektoren?

云罗郡主
Freigeben: 2021-04-15 10:54:56
Original
25562 Leute haben es durchsucht

In CSS gibt es viele Arten von Selektoren, darunter acht Selektoren wie Tag-Selektor, ID-Selektor, Klassenselektor, Vererbungsselektor, Pseudoklassenselektor und globaler Selektor.

Was sind CSS-Selektoren?

Die Betriebsumgebung dieses Artikels: Windows 7-System, CSS3-Version, Dell G3-Computer.

Welche Selektoren gibt es in CSS? Wie viele Arten von CSS-Selektoren gibt es? Wie verwende ich den CSS-Selektor? Wenn Sie eine Eins-zu-Eins-Kontrolle über HTML erreichen möchten, müssen Sie CSS-Selektoren verwenden. Was sind also CSS-Selektoren? Fassen wir die CSS-Selektoren unten zusammen.

Wenn wir CSS-Selektoren richtig verwenden, wird unser Code effizienter.

Was ist ein CSS-Selektor?

Wir alle wissen, dass CSS aus zwei Teilen besteht, zum Beispiel: body{background-color:yellow;}, wobei der Body vor {} als Selektor bezeichnet wird. Natürlich auch der Selektor Geben Sie dem Stil in {} einen Namen.

Was sind die CSS-Selektoren?

In CSS gibt es viele Arten von Selektoren, darunter Tag-Selektoren, ID-Selektoren, Klassenselektoren, Vererbungsselektoren, Pseudoklassenselektoren, globale Selektoren usw. Es gibt drei Selektoren und Die ersten paar sind die am häufigsten verwendeten Selektoren.

Wie verwende ich den CSS-Selektor?

1. Tag-Selektor:

Eine HTML-Seite hat viele Tags, und der Tag-Selektor bestimmt den entsprechenden Stil des Tags, egal wo sich das Element befindet, wir können es beschriften mit der Etikettenauswahl gestylt werden.

2. Kategorieselektor

Der Kategorieselektor wählt basierend auf dem Klassennamen aus und es gibt einen kleinen Punkt davor.

3. ID-Selektor

Der ID-Selektor wählt Elemente basierend auf der ID aus. Die ID auf der Webseite ist eindeutig und die ID kann nur einmal auf einer Seite erscheinen.

Das Obige ist eine vollständige Einführung in die CSS-Selektoren. Wenn Sie mehr über das CSS-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.

Das obige ist der detaillierte Inhalt vonWas sind CSS-Selektoren?. 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