Comment sélectionner le dernier élément enfant sans classe spécifique en CSS ?

Combinaison :last-child avec le sélecteur :not(.class) en CSS

Question :

Est-il possible de sélectionner le dernier élément enfant dépourvu d'un attribut de classe spécifique ? Par exemple, considérons le code HTML suivant :

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

L'objectif est de sélectionner la troisième ligne dans ce scénario.

Approche initiale :

Une première tentative d'utilisation des sélecteurs CSS a échoué :

tr:not(.table_vert_controls):last-child

Réponse :

Les sélecteurs CSS purs ne peuvent pas accomplir cette tâche, car :last-child opère uniquement sur le dernier enfant. Il manque une pseudo-classe :last-of-class comparable.

Solutions alternatives :

• Extension des sélecteurs 4 :Dans le dans un avenir proche, la prise en charge pourrait devenir disponible pour une extension de :nth-child() et :nth-last-child() qui permet de passer un sélecteur arbitraire comme argument. Cela permettrait la syntaxe suivante :

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

• Classe supplémentaire : Incluez une classe supplémentaire avant la classe problématique.
• Sélecteur jQuery : Utilisez un sélecteur jQuery tel que :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!