Question

我目前正在尝试使用带有HTML表格的HTML表格，并且我在外部表格中使用以下CSS样式：

table.jobtable tr:nth-child(4n+1) 
{
background-color: #65594D;
}
table.jobtable tr:nth-child(4n+3) 
{
background-color: #3E362F;
}

我希望能够在其中一行中创建一个表而不采用它的背景颜色。但是，我似乎尝试的所有内容都会导致采用背景颜色。看起来像是一件无足轻重的事情。

任何帮助表示赞赏。

Answer 1

简单的peasey：

table table {
    background: none; /* Or whatever background you want */
}

Answer 2

您可以使用＆gt;选择器在css。

table.jobtable > tr:nth-child(4n+1) 
{
background-color: #65594D;
}

这只会将样式应用于table.jobtable的直接子元素的tr元素，因此它不会级联到下一个表。 [如果你使用tbody标签，你需要做table.jobtable＆gt; tbody＆gt; TR：第n个孩子（4N + 1）]

。

Answer 3

假设您专门设置内部表的背景颜色（因为我不知道CSS属性值会导致所选元素从不是最接近元素的元素继承属性的值）将属性设置为特定值的链并且您已经尝试将嵌套表选为外表的子项（根据3rror404的答案），您可能需要增加内部表的选择器的特异性。

如果您使用的是较旧的浏览器，以下是CSS2.1的特异性计算：http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#specificity