Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Was sind die CSS-strukturierten Pseudoklassenselektoren?

醉折花枝作酒筹
Freigeben: 2021-07-15 10:37:51
Original
5894 Leute haben es durchsucht

Zu den Selektoren gehören: :root, :not, :only-child, :first-child, :last-child, :empty:target, :nth-child(n), nth-last-child(n), :nth -of-type(n) usw.

Was sind die CSS-strukturierten Pseudoklassenselektoren?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

:Stammselektor: Entspricht dem Dokumentstammelement

Was sind die CSS-strukturierten Pseudoklassenselektoren?

:Kein Selektor: Zuerst müssen Sie den Stil auf die Unterstrukturelemente einstellen, die ausgeschlossen werden müssen, damit das Strukturelement wirksam istWas sind die CSS-strukturierten Pseudoklassenselektoren?

Beispiel:

Was sind die CSS-strukturierten Pseudoklassenselektoren?

:nur -Kind:

Was sind die CSS-strukturierten Pseudoklassenselektoren?

erstes Kind, :letztes Kind:

Was sind die CSS-strukturierten Pseudoklassenselektoren?

:n-tes Kind(n), n-tes-letztes Kind:

Was sind die CSS-strukturierten Pseudoklassenselektoren?

: nth-of-type(n), nth-last-of-type(n):

Was sind die CSS-strukturierten Pseudoklassenselektoren?

: Der Unterschied zwischen nth-child(n) und :nth-of-type(n)

Was sind die CSS-strukturierten Pseudoklassenselektoren?

7. :empty:: Der leere Selektor wird verwendet, um alle Elemente auszuwählen, die keine untergeordneten Elemente haben oder leeren Textinhalt haben.

8. :target::target-Selektor wird verwendet, um den Stil für ein bestimmtes Zielelement auf der Seite anzugeben (die ID des Elements wird als Hyperlink auf der Seite verwendet). Der vom :target-Selektor festgelegte Stil wird erst wirksam, wenn der Benutzer auf einen Hyperlink auf der Seite klickt und zum Zielelement springt.

Empfohlenes Lernen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas sind die CSS-strukturierten Pseudoklassenselektoren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!