Combinación: último-hijo con: selector no (.class) en CSS

Question

¿Es posible elegir el último hijo que NO tiene un atributo de clase? Como tales :

<tr> ... </tr> 
<tr> ... </tr> 
<tr> ... </tr> 
<tr class="table_vert_controls"> ... </tr> 

Quiero seleccionar la tercera fila, en este caso.

He intentado lo siguiente, que no funcionaba:

tr:not(.table_vert_controls):last-child 

Gracias de antemano.

Answer 1

No

con selectores CSS solo, no, como se ve :last-child específicamente a el último niño, y no es una :last-of-class pseudo-clase similar. Ver mi respuesta al this related question.

A finales de 2015, las implementaciones han comenzado a gotear lentamente en Selectores de extensión a las 4 de :nth-child() y :nth-last-child() que le permiten pasar un selector arbitraria como un argumento (más sobre esto también en una actualización de la respuesta relacionado). A continuación, será capaz de escribir lo siguiente:

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

Aunque las implementaciones recientemente han comenzado a enviar, que aún llevará al menos unos cuantos meses más, si no un año más para que esto sea ampliamente apoyada. Mientras tanto, tendrás que usar otra cosa, como una clase extra justo antes de la clase en cuestión, o un selector jQuery:

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