Heim >Web-Frontend >Front-End-Fragen und Antworten >Was ist ein CSS-Selektor?

Was ist ein CSS-Selektor?

藏色散人
藏色散人Original
2021-04-12 15:14:266218Durchsuche

CSS-Selektor wird auch CSS-Stilattribut und CSS-Attributselektor genannt. Der „Selektor“ in CSS gibt das Objekt des „Stils“ in „{}“ an, dh der „Stil“ wirkt auf die Webseite ; Häufig verwendete Selektoren können in Tag-Namen-Selektoren, Klassen-Selektoren, ID-Selektoren, abgeleitete Selektoren, untergeordnete Element-Selektoren und Gruppen-Selektoren unterteilt werden.

Was ist ein CSS-Selektor?

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

Was bedeutet Selektor in CSS?

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

Häufig verwendete Selektoren können unterteilt werden in: Tag-Namen-Selektor, Klassen-Selektor, ID-Selektor, abgeleiteter Selektor, untergeordneter Element-Selektor, Gruppen-Selektor, Pseudo-Element-Selektor

Jede CSS-Stildefinition besteht aus zwei Teilen. Das Formular lautet wie folgt: Selektor {style}, der Teil vor {} ist der „Selektor“.

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

Der CSS-Selektor wird auch als CSS-Stilattribut und CSS-Attributselektor bezeichnet.

1. Tag-Namen-Selektor: Suchen Sie den angegebenen Tag über den Namen des Tags.

Format: Elementname {}

2. Wählen Sie den angegebenen Tag über den Klassenattributwert des Tags aus Klassenwert

Format: .d1{}

3. Finden Sie das Tag anhand der ID. Die ID kann nicht in einer HTML-Datei wiederholt werden.

Format: #id{}

4. : Ähnlich wie bei einem Pfad wird das Finden eines Tags, das die Anforderungen erfüllt, mit allen Nachkommen-Tags übereinstimmen erhalten werden

Format: ul>li>a{}

6 Gruppenselektor: Sie können mehrere Selektoren kombinieren, um Stile einheitlich festzulegen

Format: h1,h2,#abc,.m{ }

7. Elementselektor: Der Pseudoelementselektor wählt den Zustand des Elements aus. Die Zustände sind in die folgenden Typen unterteilt:

Link stellt den Zustand dar, wenn das Element nicht angeklickt wird.

Hover stellt den Zustand dar, wenn die Maus darüber schwebt.

Aktiv stellt den Zustand des Elements dar, wenn darauf geklickt wird

Das obige ist der detaillierte Inhalt vonWas ist ein 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