Was sind die Selektoren in CSS?

css-Selektor: 1. Platzhalter-Selektor 3. Klassen-Selektor; 5. Neben-Selektor „E>F“; . Nachkommenselektor „E F“ 8. Pseudoklassen- und Pseudoelementselektoren, wie „:first“ 9. Attributselektor.

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

CSS-Selektor (Selektor) ist eine Spezifikation, mit der angegeben wird, für welches Dom-Element oder welche Dom-Elemente der CSS-Stil verwendet werden soll.

Jede CSS-Stildefinition besteht aus zwei Teilen, die Form ist wie folgt: 选择器{样式} Der Teil vor {} ist der „Selektor“.

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

Was sind die CSS-Selektoren (Selektoren)?

1. Wildcard-Selektor (*): entspricht jedem Element.

2. ID-Selektor (# myid): Entspricht jedem Element, dessen ID gleich „myid“ ist.

3. Klassenselektor (.myclassname): Entspricht jedem Element, dessen Klasse „myclassname“ entspricht.

4: Wählen Sie alle Elemente mit dem angegebenen Elementnamen aus.

5. Angrenzender Selektor (E + F): Wird verwendet, um (nicht intern) das Element auszuwählen, das unmittelbar auf das angegebene erste Element folgt.

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

-Elemente auszuwählen. (Lernvideo-Sharing: CSS-Video-Tutorial)

7. Nachkommenselektor (E F): Wird zum Auswählen von Elementen innerhalb des Elements verwendet.

8. Pseudoklassen- und Pseudoelementselektoren: werden verwendet, um bestimmten Selektoren Spezialeffekte hinzuzufügen.

?? :drop :leer:aktiviert:first:first-child:first-of-type:fullscreen:future:focus:focus-visible :fokus -within:has():host:host():host-context():hover:indeterminate:in-range:invalid:is() :lang():last-child:last-of-type:left:link:local-link:not():nth-child() :nth-col():nth-last-child():nth-last-col():nth-last-of-type():nth-of-type ():Einzelkind

:only-of-type	:optional	:out-of-range	:past	:placeholder-shown	:read-only
:read-write	:required	:right	:root	:scope	:target
:target-within	:user-invalid	:valid	:visited	:where()

9. Attributauswahl: Wählen Sie Elemente mit bestimmten Attributen aus.

• [Attribut]: wird verwendet, um Elemente mit angegebenen Attributen auszuwählen.

• [Attribut=Wert]: wird verwendet, um Elemente mit angegebenen Attributen und Werten auszuwählen.

• [Attribut~=Wert]: wird verwendet, um Elemente auszuwählen, deren Attributwert das angegebene Vokabular enthält.

• [Attribut|=Wert]: Wird verwendet, um Elemente auszuwählen, deren Attributwerte mit dem angegebenen Wert beginnen, der das gesamte Wort sein muss.

• [Attribut^=Wert]: Entspricht jedem Element, dessen Attributwert mit dem angegebenen Wert beginnt.

• [attribute$=value]: Entspricht jedem Element, dessen Attributwert mit dem angegebenen Wert endet.

• [Attribut*=Wert]: Entspricht jedem Element, dessen Attributwert den angegebenen Wert enthält.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Einführung in die Programmierung! !

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