將CSS規則僅應用於<tr>中的第一個​​而不指定類/ 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

是。 It's可能：

使用在你的CSS

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

Try Here

Answer 2

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 3

不是100％跨瀏覽器，但支持是不夠好。見http://caniuse.com/#search=:first-child

table.mytable tr td:first-child 

Answer 4

您可以使用:first-of-type，但它不是可以用舊的瀏覽器：http://jsfiddle.net/R9qE3/。

你也可以通過jQuery選擇正確的元素（用於跨瀏覽器支持），但是當你添加td或者移動它們時，你需要更新狀態。

Answer 5

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

Answer 6

您可以使用jQuery 「n個子」 http://api.jquery.com/nth-child-selector/

這將是這樣的：

$("table.mytable tr::nth-child(1)") //do w/e you need to do here.