Suponha que tenho a tabela a seguir JS Fiddle):

<table class="data-table">
<thead>
    <tr>
        <th scope="col">Method</th>
        <th scope="col">Price</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Pickup*</td>
        <td>no charge</td>
    </tr>
    <tr>
        <td>Campus mail</td>
        <td>no charge</td>
    </tr>
</tbody>
<tfoot>
    <tr>
        <td colspan="2">* At 1st floor desk</td>
    </tr>
</tfoot>
</table>

As linhas do TBODY foram listradas em zebra usando um seletor: nth-child (2n). Mas o plano de fundo da linha no TFOOT não obtém esses estilos e quebra as faixas pares / ímpares sempre que a tabela tiver um número par de linhas no TBODY.

Gostaria de selecionar a linha TFOOT com algo como.data-table tbody tr:nth-child(2n):last-child + tr, mas isso não vai funcionar. O+ selector é para elementos irmãos adjacentes que compartilham um elemento pai único. Os dois TRs aqui não são irmãos, são primos.

I poderi use jQuery (algo como$(".data-table tbody tr:nth-child(2n):last-child").parent().next().find("tr").css({"background-color": "blue"})). Mas eu prefiro uma solução CSS, se houver um

ntão, existe alguma maneira de selecionar o primo de um element