Was bedeutet CSS-Selektor?

藏色散人
Freigeben: 2021-02-04 18:51:31
Original
2192 Leute haben es durchsucht

CSS-Selektoren können uns bei der Auswahl von Tags helfen, die gestylt werden müssen: 1. ID-Selektor; . Wildcard-Selektor und so weiter.

Was bedeutet CSS-Selektor?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, Thinkpad T480-Computer.

Der CSS-Selektor (Selektor) kann uns bei der Auswahl der Tags helfen, die gestaltet werden müssen. Jede CSS-Stildefinition besteht aus zwei Teilen in der folgenden Form: selector {style} Der Teil vor {} ist der „Selektor“.

Der Selektor gibt das Objekt des „Stils“ in {} an, d. h. auf welche Elemente auf der Webseite der „Stil“ wirkt.

Was sind die Selektoren (Selektoren) von CSS?

id-Selektor (z. B. # myid): Entspricht jedem Element mit einer ID gleich „myid“.

Klassenselektor (z. B. myclassname): Entspricht jedem Element, dessen Klasse gleich „myclassname“ ist.

Labelselektor (z. B. div, h1, p): Wählt alle Elemente mit dem angegebenen Elementnamen aus.

Angrenzender Selektor (z. B. h1 + p): Wird verwendet, um (nicht intern) das Element auszuwählen, das unmittelbar auf das angegebene erste Element folgt.

Untergeordneter Selektor (z. B. ul > li): Wird verwendet, um Elemente mit bestimmten übergeordneten Elementen auszuwählen, z. B. alle

    -Elemente auszuwählen, deren übergeordnetes Element
  • ist. (Empfohlen: „CSS-Video-Tutorial“)

    Descendant-Selektor (Beispiel: li a): Wird zum Auswählen von Elementen innerhalb des Elements verwendet.

    Wildcard-Selektor ( * ): entspricht jedem Element.

    Attributselektoren (a[rel = „external“] usw.): Wählen Sie Elemente mit bestimmten Attributen aus.

    Pseudoklassenselektoren (a:hover, li:nth-child usw.)

    Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmierunterricht! !

    Das obige ist der detaillierte Inhalt vonWas bedeutet CSS-Selektor?. 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!