Wie wähle ich in CSS alle untergeordneten Elemente eines Elements außer dem letzten aus?

So wählen Sie alle untergeordneten Elemente eines Elements außer dem letzten untergeordneten Element aus

Mit dem CSS3-Selektor :last-child können Entwickler ein Element als Ziel auswählen ist das letzte Kind in seinem Container. Es kann jedoch vorkommen, dass Sie alle Kinder eines Elements außer dem letzten auswählen müssen.

Mit der Negations-Pseudoklasse :not() in Verbindung mit :last-child können wir das Gewünschte erreichen Ergebnis. Dieser Selektor stimmt mit allen Elementen überein, die nicht das letzte untergeordnete Element im ausgewählten Container sind.

:not(:last-child) {
  /* Styles for all children except the last */
}

Diese Technik ist besonders nützlich, um unterschiedliche Stile auf alle untergeordneten Elemente außer dem letzten anzuwenden. Beispielsweise könnten Sie in einer Liste allen Listenelementen außer dem letzten einen unteren Rahmen hinzufügen, um einen optisch ansprechenden Effekt zu erzielen.

Beachten Sie, dass die Kombination von :not() und :last-child Teil davon ist von CSS Selectors Level 3 und wird möglicherweise in älteren Browsern wie Internet Explorer 8 und niedriger nicht unterstützt. Es bietet jedoch eine vielseitige Lösung für die Auswahl aller bis auf das letzte untergeordnete Element eines Elements in modernen Browsern.

Das obige ist der detaillierte Inhalt vonWie wähle ich in CSS alle untergeordneten Elemente eines Elements außer dem letzten aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!