如何将css应用于表的特定元素?

时间:2012-01-16 06:18:28

标签: css

我有一张如下表格

enter image description here

考虑表id =“testtable”,并且没有唯一标识的类或id 上面屏幕中显示的具体td。

我在这个例子中找到了一种访问第二个tr的方法,如下面的

enter image description here

但我在第二个tr中访问第二个td时遇到了困难。

任何人都可以帮我解决一下这个问题吗?

由于

2 个答案:

答案 0 :(得分:2)

也许这对你有帮助:)

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

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

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

}

注意但是,这在旧版浏览器(或IE)中不起作用,在这种情况下,您需要为单元格提供类或使用javascript。

答案 1 :(得分:0)

您可以使用:nth-​​child()

http://api.jquery.com/nth-child-selector/

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

}