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

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

Frage:

Ist es möglich, das letzte untergeordnete Element auszuwählen, dem ein bestimmtes Klassenattribut fehlt? Betrachten Sie zum Beispiel den folgenden HTML-Code:

<tr...></tr>
<tr...></tr>
<tr...></tr>
<tr>

Das Ziel besteht in diesem Szenario darin, die dritte Zeile auszuwählen.

Erster Ansatz:

Ein erster Versuch mit CSS-Selektoren war erfolglos:

tr:not(.table_vert_controls):last-child

Antwort:

Reine CSS-Selektoren können diese Aufgabe nicht erfüllen, da :last-child ausschließlich auf dem Letzten operiert Kind. Eine vergleichbare :last-of-class-Pseudoklasse fehlt.

Alternative Lösungen:

• Selectors 4 Extension: Im In naher Zukunft wird möglicherweise Unterstützung für eine Erweiterung für :nth-child() und :nth-last-child() verfügbar sein, die die Übergabe eines beliebigen Selektors als Argument ermöglicht. Dies würde die folgende Syntax ermöglichen:

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

• Zusätzliche Klasse: Fügen Sie eine zusätzliche Klasse vor der problematischen Klasse ein.
• jQuery-Selektor: Verwenden Sie einen jQuery-Selektor wie:

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

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