Heim >Web-Frontend >CSS-Tutorial >Was sind CSS-Selektoren?
In CSS gibt es viele Arten von Selektoren, darunter acht Selektoren wie Tag-Selektor, ID-Selektor, Klassenselektor, Vererbungsselektor, Pseudoklassenselektor und globaler Selektor.
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!