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

Auswählen aller untergeordneten Elemente eines Elements außer dem letzten untergeordneten Element

Das Auswählen von Elementen mithilfe von CSS-Selektoren ist eine leistungsstarke Technik zum Gestalten und Bearbeiten von Webseiten. Eine häufige Aufgabe ist die Auswahl aller untergeordneten Elemente eines Elements mit Ausnahme des letzten untergeordneten Elements.

Der :last-child-Selektor

Um nur das letzte untergeordnete Element eines Elements auszuwählen, wird der :last-child-Selektor kann verwendet werden. Dieser Selektor stimmt nur mit Elementen überein, die das letzte untergeordnete Element ihres übergeordneten Elements sind. Zum Beispiel:

div:nth-last-child(1) {
  /* styles */
}

Alle untergeordneten Elemente außer dem letzten auswählen

Um alle untergeordneten Elemente eines Elements außer dem letzten auszuwählen, verwenden Sie die Negations-Pseudoklasse :not() kann mit der Pseudoklasse :last-child kombiniert werden. Die Pseudoklasse :not() sucht nach Elementen, die nicht der angegebenen Bedingung entsprechen. In diesem Fall lautet die Bedingung :last-child, was bedeutet, dass die Pseudoklasse :not() mit allen Elementen übereinstimmt, die nicht das letzte untergeordnete Element ihres übergeordneten Elements sind.

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

Dieser Selektor wird dies tun Übereinstimmung mit allen untergeordneten Elementen des übergeordneten Elements außer dem letzten untergeordneten Element. Die auf den Selektor angewendeten Stile werden auf alle übereinstimmenden Elemente angewendet.

Kompatibilität

Es ist wichtig zu beachten, dass die Pseudoklasse :not() in nicht unterstützt wird IE8 oder frühere Versionen von Internet Explorer. Für Browser, die :not() nicht unterstützen, können alternative Methoden zur Auswahl aller untergeordneten Elemente außer dem letzten verwendet werden, z. B. die Verwendung des n-ten untergeordneten Selektors oder untergeordneter Kombinatoren.

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!