Wie wähle ich das letzte Element ohne eine bestimmte Klasse in CSS aus?

Kombination von :last-child und :not(.class) Selektor in CSS

In CSS wird der :last-child-Selektor verwendet um das letzte Element in einer Liste von Elementen auszuwählen. Es ist jedoch nicht möglich, diesen Selektor zu verwenden, um das letzte untergeordnete Element auszuwählen, das kein bestimmtes Klassenattribut hat.

Um dies zu erreichen, könnte man versuchen, den folgenden Selektor zu verwenden:

tr:not(.table_vert_controls):last-child

Leider funktioniert dieser Selektor nicht, da :last-child speziell auf das letzte Element in einer Liste abzielt und es keine entsprechende :last-of-class-Pseudoklasse gibt.

Stand Ende 2015, Selektoren 4 Es wurde eine Erweiterung für die Selektoren :nth-child() und :nth-last-child() eingeführt, die eine komplexere Auswahl ermöglicht. Diese Erweiterung beinhaltet die Möglichkeit, einen beliebigen Selektor als Argument zu übergeben:

tr:nth-last-child(1 of :not(.table_vert_controls))

Dieser Ansatz ist zwar ausführlicher, bietet aber eine präzisere und effizientere Möglichkeit, das gewünschte Element auszuwählen. Es ist jedoch wichtig zu beachten, dass die Unterstützung für Selectors 4 immer noch begrenzt ist.

Für Browser, die Selectors 4 nicht unterstützen, wäre ein alternativer Ansatz die Verwendung eines JavaScript-Selektors:

$('tr:not(.table_vert_controls):last')

Dieser jQuery-Selektor erzielt das gleiche Ergebnis wie der Selectors 4-Selektor. Es ist zu beachten, dass die Verwendung von JavaScript im Vergleich zu einer reinen CSS-Lösung Auswirkungen auf die Leistung haben kann.

Das obige ist der detaillierte Inhalt vonWie wähle ich das letzte Element ohne eine bestimmte Klasse in CSS aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!