如何在 html 中使用表 tr:odd td

Question

当我在 HTML 中定义这个 CSS 时，我发现它们即使在 Firebug 中也没有显示，但我在编辑按钮后看到 Firebug CSS 面板 [tab]

#tbl tr:odd td{
    background: none repeat scroll 0 0 #FFFFFF;
}

好吧，我想将tr的背景色设为#FFF。

Answer 1

根据CSS3，even 和odd 实际上是:nth-child() 伪类的参数，而不是选择器本身。试试：

#tbl tr:nth-child(odd) td {
    background: none repeat scroll 0 0 #FFFFFF;
}

当然，您的浏览器必须支持 CSS3 才能正常工作。