5

私はすでにこれを見ました、それは私がここで必要とするものではありません。

私はのようなものが必要です

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は、仕事を遂行するために必要な場合に受け入れられます。

4

6 に答える 6

8 
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')
于 2012-08-14T19:31:50.600 に答える
4

はい。それが可能だ：

CSS で使用する

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

ここで試す

于 2012-08-14T19:33:47.973 に答える
3

100% クロスブラウザーではありませんが、サポートは十分です。http://caniuse.com/#search=:first-childを参照

table.mytable tr td:first-child
于 2012-08-14T19:32:02.750 に答える
3

を使用できます:first-of-typeが、古いブラウザーでは使用できません: http://jsfiddle.net/R9qE3/。

tdjQuery を使用して適切な要素を選択することもできますが (クロス ブラウザーのサポートのため)、 を追加したり移動したりするときに状態を更新する必要があります。

于 2012-08-14T19:32:13.213 に答える
3 
table.mytable tr:first-child {
    border: 1px solid black;
}
于 2012-08-14T19:32:56.377 に答える
2

jQueryの「n番目の子」http://api.jquery.com/nth-child-selector/を使用できます

次のようになります。

$("table.mytable tr::nth-child(1)")  //do w/e you need to do here.
于 2012-08-14T19:33:34.930 に答える