Heim  >  Artikel  >  Web-Frontend  >  So wählen Sie das letzte Element in CSS nicht aus

So wählen Sie das letzte Element in CSS nicht aus

青灯夜游
青灯夜游Original
2021-07-21 17:23:4318679Durchsuche

In CSS können Sie die Selektoren „:last-child“ und „:not()“ verwenden, um das letzte Element nicht auszuwählen. Das Syntaxformat ist „element:not(:last-child)“. Der letzte untergeordnete Selektor kann mit dem letzten untergeordneten Element übereinstimmen, während not() mit jedem Element übereinstimmen kann, das nicht das angegebene Element/Selektor ist.

So wählen Sie das letzte Element in CSS nicht aus

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

In CSS können Sie die Selektoren „:last-child“ und „:not()“ verwenden, um das letzte Element nicht auszuwählen. Mit anderen Worten: Sie können alle Elemente außer dem letzten Element auswählen.

  • : Der Selektor für das letzte untergeordnete Element stimmt mit jedem Element überein, das das letzte untergeordnete Element seines übergeordneten Elements ist.

  • :not(selector) selector stimmt mit jedem Element überein, das nicht das angegebene Element/Selektor ist.

Beispiel:

HTML-Teil erstellen:

So wählen Sie das letzte Element in CSS nicht aus

Normalerweise werden bei dieser Auswahl alle ausgewählt

So wählen Sie das letzte Element in CSS nicht aus

Verwenden Sie Last-Child, um das letzte zuerst auszuwählen

So wählen Sie das letzte Element in CSS nicht aus

Einfach hinzufügen, nicht umkehren Auswahl

So wählen Sie das letzte Element in CSS nicht aus

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo wählen Sie das letzte Element in CSS nicht aus. 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
Vorheriger Artikel:So integrieren Sie CSS-StileNächster Artikel:So integrieren Sie CSS-Stile