Was bedeutet CSS-Selektor?

CSS-Selektor bezieht sich auf den CSS-Selektor, der zum Abgleichen von DOM-Elementen auf Webseiten verwendet wird. Häufig verwendete Selektoren können in Tag-Namen-Selektoren, Klassen-Selektoren, ID-Selektoren, abgeleitete Selektoren, Unterelement-Selektoren, Gruppenselektoren und Pseudo-Selektoren unterteilt werden -Elementselektoren.

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS3, Thinkpad T480-Computer.

Empfohlen: „CSS-Video-Tutorial“

CSS-Selektor bezieht sich auf den CSS-Selektor, der zum Abgleichen der Dom-Elemente auf der Webseite verwendet wird. Der CSS-Stil ist definiert als: Selektor {Stil}. Der „Selektor“ gibt das Objekt des „Stils“ in {} an, d. h., auf welche Elemente auf der Webseite der „Stil“ wirkt.

Um mit CSS eine Eins-zu-Eins-, Eins-zu-Viele- oder Viele-zu-Eins-Kontrolle über Elemente in einer HTML-Seite zu erreichen, müssen Sie CSS-Selektoren verwenden. Elemente in HTML-Seiten werden über CSS-Selektoren gesteuert.

Jede CSS-Stildefinition besteht aus zwei Teilen in der folgenden Form:

selector {property: value}
选择器{属性:属性值}
//即 选择器{样式}

Der Teil vor {} ist der „Selektor“. Der „Selektor“ gibt das Objekt des „style()“ in {} an, d. h., auf welche Elemente auf der Webseite der „style“ wirkt. Es kann ein HTML-Tag oder ein Tag mit einer bestimmten ID oder Klasse sein.

Um es einfach auszudrücken: Die Hauptfunktion von CSS besteht darin, Stile für Dom-Elemente in Webseiten festzulegen, und Selektoren werden verwendet, um Dom-Elemente abzugleichen.

Häufig verwendete Selektoren können unterteilt werden in: Tag-Namen-Selektor, Klassen-Selektor, ID-Selektor, abgeleiteter Selektor, Selektor für untergeordnete Elemente, Gruppenselektor, Pseudoelement-Selektor.

Hinweise zur Verwendung von CSS-Selektoren:

Da die Interpretation von CSS von oben nach unten erfolgt, überschreibt bei derselben Attributbeschreibung eines Elements die unten platzierte Attributbeschreibung die oben liegende Attributbeschreibung, sodass wir bei der Auswahl von Elementen Sie muss auf die Schreibreihenfolge achten, wie zum Beispiel:

a:visited {color: #00FF00; text-decoration: none}
a:hover {color: #FF00FF; text-decoration: underline}

Bei dieser Schreibreihenfolge wird der Link blau und unterstrichen, egal ob der Link besucht wurde oder nicht, solange sich die Maus über dem Link bewegt. Wenn jedoch die folgende Schreibreihenfolge verwendet wird:

a:hover {color: #FF00FF; text-decoration: underline}
a:visited {color: #00FF00; text-decoration: none}

Wenn der Link besucht wurde, wird er nicht blau und unterstrichen, wenn Sie mit der Maus über den Link fahren, sondern bleibt grün.

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!