仅将CSS规则应用于<tr>中的第一个<td>而不指定类/ ID？

Question

我已经看过了,这不是我需要的......

我需要类似的东西

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')

Answer 2

是的。它\xc2\xb4s可能：

\n

在你的 CSS 中使用

\n

.mytable tr td:first-child  { border: 1px solid black; }\xe2\x80\x8b\n

\n

在这里尝试

\n