Heim >Web-Frontend >Front-End-Fragen und Antworten >Was bedeutet das Größer-als-Symbol in CSS?

Was bedeutet das Größer-als-Symbol in CSS?

藏色散人
藏色散人Original
2020-12-11 09:15:203651Durchsuche

Das Größer-als-Symbol in CSS ist ein eindeutiger Unterelementselektor von CSS3. Der Unterelementselektor kann nur Elemente auswählen, die Unterelemente eines bestimmten Elements sind, z. B. „h1 > strong {color:“. Rot;}".

Was bedeutet das Größer-als-Symbol in CSS?

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

Empfohlen: „css-Video-Tutorial

Das Größer-als-Symbol („>“) in CSS stellt den CSS3-spezifischen Unterelementselektor (element>element) dar. Untergeordnete Selektoren können nur Elemente auswählen, die untergeordnete Elemente eines Elements sind.

Wenn Sie keine untergeordneten Elemente auswählen möchten, sondern den Umfang einschränken und nur die untergeordneten Elemente eines bestimmten Elements auswählen möchten, verwenden Sie bitte den untergeordneten Selektor.

Wenn Sie beispielsweise nur starke Elemente auswählen möchten, die Kinder von h1-Elementen sind, können Sie so schreiben:

h1 > strong {color:red;}

Diese Regel färbt die beiden starken Elemente unter dem ersten h1 rot, die im zweiten h1 jedoch stark Nicht betroffen:

Beispiel:






This is very very important.

This is really very important.

css-Selektor für untergeordnete Elemente

element>Elementselektor wird verwendet, um ein bestimmtes übergeordnetes Element auszuwählen.

Hinweis: Wenn das Element nicht ausgewählt ist, können Sie das untergeordnete Element des übergeordneten Elements nicht direkt angeben.

Der Unterselektor verwendet das Größer-als-Zeichen (Unterkombinationssymbol).

Auf beiden Seiten des Unterkonjunktionssymbols können Leerzeichen stehen, was optional ist. Daher gibt es kein Problem mit der folgenden Schreibweise:

rrree

Beim Lesen von rechts nach links kann der Selektor h1 > strong als „wähle alle starken Elemente aus, die Kinder des h1-Elements sind“ interpretiert werden.

Das obige ist der detaillierte Inhalt vonWas bedeutet das Größer-als-Symbol in CSS?. 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