Heim  >  Artikel  >  Web-Frontend  >  Was bedeutet CSS-Selektor?

Was bedeutet CSS-Selektor?

藏色散人
藏色散人Original
2020-12-14 09:21:232215Durchsuche

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!

Stellungnahme:
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