combinaison: dernier-enfant avec: not (.class) Sélecteur dans css

Dans CSS, il est souvent nécessaire de sélectionner des éléments spécifiques basés sur plusieurs critères. Un tel cas consiste à sélectionner le dernier enfant qui n'a pas de classe particulière. While it may seem straightforward, using only :last-child and :not(.class) selectors does not yield the desired result.

Using :last-child and :not(.class)

Le sélecteur de dernier enfant cible le dernier enfant d'un élément, tandis que: non (.class) sélectionne des éléments qui n'ont pas de classe spécifiée. Cependant, ces sélecteurs ne peuvent pas être directement combinés pour réaliser l'effet souhaité.

Considérez l'exemple suivant:

 
 Le but est de sélectionner la troisième ligne, qui N'a pas la classe "table_vert_controls". La règle CSS suivante ne fonctionnera pas: 
 
tr:not(.table_vert_controls):last-child
 
 cette règle sélectionnera la dernière ligne, qu'elle ait la classe "Table_vert_Controls" ou non. 
 
 solutions alternatives 
 
 Étant donné que les sélecteurs CSS seuls ne peuvent pas gérer cette combinaison spécifique, alternative Des solutions sont nécessaires: 
 
 
  Utilisation d'une classe supplémentaire : ajoutez une classe supplémentaire à l'élément avant la classe souhaitée, telle que "dernier-enfant-ni-classe". Ensuite, utilisez la règle suivante: 
 
 
.last-child-no-class:not(.table_vert_controls)
 
 
  jQuery Selector : Utiliser jQuery moteur sélecteur plus puissant pour sélectionner le souhaité élément: 
 
 
$('tr:not(.table_vert_controls):last')