Wie kann ich alle Kinder außer dem letzten in CSS ansprechen?

Das letzte untergeordnete Element von der CSS-Auswahl ausschließen

Bei der Auswahl von Elementen in CSS ermöglicht der Selektor für das n-te untergeordnete Element ein präzises Targeting basierend auf ihrer Position innerhalb ein übergeordnetes Element. Um das letzte Kind auszuwählen, verwenden Sie div:nth-last-child(1). Was aber, wenn Sie das letzte Kind ausschließen möchten?

Lösung: Negierung der Last-Child-Pseudoklasse

CSS3 führt die Negations-Pseudoklasse :not( ), wodurch Sie Elemente ausschließen können, die einem bestimmten Kriterium entsprechen. Um alle bis auf das letzte untergeordnete Element auszuwählen, verwenden Sie den Selektor:

:not(:last-child)

Diese Pseudoklasse wird für jedes Element, das nicht das letzte untergeordnete Element seines übergeordneten Elements ist, als wahr ausgewertet. Sie können diese Elemente dann entsprechend formatieren:

:not(:last-child) {
  /* styles */
}

Kompatibilitätshinweis

Es ist wichtig zu beachten, dass die Pseudoklasse :not() in Internet Explorer nicht unterstützt wird 8 oder niedriger. Wenn Sie diese Browser unterstützen müssen, müssen Sie möglicherweise ausführlichere Selektoren verwenden, z. B. nth-child(n), wobei n eine beliebige Zahl außer 0 ist.

Das obige ist der detaillierte Inhalt vonWie kann ich alle Kinder außer dem letzten in CSS ansprechen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!