css - 如何将CSS应用于表格的特定元素？

Question

我有如下表格

考虑表 id="testtable"，没有类或 id 来唯一标识上面屏幕中显示的特定 td。

我在这个例子中找到了访问第二个 tr 的方法，如下所示

但我无法访问第二个 tr 中的第二个 td。

谁能帮我解决这个问题？

谢谢

Answer 1

也许这对你有帮助老兄:)

#testtable tbody > tr:first-child+tr > td:firt-child+td
{
}

或者你可以像这样使用 :nth-child 伪类:

#testtable > tr:nth-child(2) > td:nth-child(2)
{

}

请注意，但这在旧版浏览器(或 IE)中不起作用，您需要为单元格指定一个类或在这种情况下使用 javascript。