Javascript 仅将CSS规则应用于第一个<；td>；在<；tr>'；没有指定类/id的情况下的？

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

我需要像这样的东西

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

为了

这里有边界
无边界
无边界
这里有边界
无边界
无边界
这里有边界
无边界
无边界

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

如果需要Javascript/jQuery来完成任务，那么它是可以接受的

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

也适用于jQuery（）：

---

不是100%跨浏览器，但支持已经足够好了。看

---

您可以使用类型为：first的

，但在较旧的浏览器上不可用：

您也可以通过jQuery选择正确的元素（用于跨浏览器支持），但在添加
td
s或移动它们时需要更新状态。
您可以使用jQuery“第n个子项”

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

可能是这样的：

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

对。有可能：

在CSS中使用

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

谢谢你。我注意到td:last child也能工作，但td:second child不能。啊well@khanahk：对于第一个/最后一个以外的数字，您可以使用，例如
：nth child（2）
。啊，是的，有偶数
奇数
和
偶数
参数，您可以使用CSS3输入
：nth-child（）
。好东西
table.mytable tr:first-child {
    border: 1px solid black;
}

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

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