css - 表内表，仅对外部应用 css

Question

我有一个表格元素，它在一个单元格中也有一个表格。 (Jquery UI 日历其实在里面)

我怎样才能只设计父级？

body table tr td:nth-child(2n) {
    background-color: red;
}

这样做:( fiddle here)



但我只想要 外 要选择的单元格(编号 2 和 5)。

Answer 1

使用 child ( > ) selector并在选择器中添加一个 tbody 元素(无需更改 HTML):

body > table > tbody > tr > td:nth-child(2n) {
    background-color: red;
}

jsFiddle example

这是有效的，因为它专门只选择外部表。
在 Chrome、FF 和 IE 中测试成功。