Was bedeutet CSS-Selektor?

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

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!