选择具有类的子元素的第一个出现

Question

需要选择此表中未隐藏的第一个td。这是第td个班级ts-wrap

<table>
    <tr class="ts-row">
        <td style="display:none;">&nbsp;</td>
        <td style="display:none;">&nbsp;</td>
        <td style="text-align:right;" class="ts-wrap" colspan="2">Select Me</td>
        <td style="text-align:right;" class="ts-wrap" colspan="2"></td>
        <td style="text-align:right;" class="ts-wrap" colspan="2"></td>
        <td style="text-align:right;" class="ts-wrap" colspan="2"></td>
    </tr>
    <tr class="ts-row">
        <td style="display:none;">&nbsp;</td>
        <td style="display:none;">&nbsp;</td>
        <td style="text-align:right;" class="ts-wrap" colspan="2">Select Me too</td>
        <td style="text-align:right;" class="ts-wrap" colspan="2"></td>
        <td style="text-align:right;" class="ts-wrap" colspan="2"></td>
        <td style="text-align:right;" class="ts-wrap" colspan="2"></td>
    </tr>
</table>

在CSS和jQuery中尝试了.ts-row td.ts-wrap:first-child和.ts-row td.ts-wrap:first-of-type;他们俩都不适合这种情况

.ts-row td.ts-wrap:first适用于jQuery，但不适用于有效的CSS选择器。

如何在CSS中实现这一点？