javascript - 仅将 CSS 规则应用于 中的第一个 而不分配类/id？

Question

我已经看过this ，这不是我在这里需要的..

我需要类似的东西

table.mytable tr first-td's { border: 1px solid black; }

对于

<table class="mytable">
<tr>
<td>This has the border</td>
<td>no border</td>
<td>no border</td>
</tr>
<tr>
<td>This has the border</td>
<td>no border</td>
<td>no border</td>
</tr>
<tr>
<td>This has the border</td>
<td>no border</td>
<td>no border</td>
</tr>
</table>

如果这不可能，请告诉我，我会很难过。

如果需要完成工作，Javascript/jQuery 是可以接受的。

Answer 1

table.mytable tr td:first-child { border: 1px solid black; }

https://developer.mozilla.org/en-US/docs/CSS/:first-child

也适用于 jQuery ( http://api.jquery.com/first-child-selector/ ):

$('table.mytable tr td:first-child')