html - 从表格中的表格中删除样式

Question

我目前正在尝试将 HTML 表格与 HTML 表格一起使用，并且我正在为外部表格使用以下 CSS 样式：

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

我希望能够在其中一行内制作一个表格，而不采用它的背景颜色。但是，我似乎尝试的一切都会导致采用背景颜色。似乎是一件微不足道的事情。

任何帮助表示赞赏。

score 1 · Accepted Answer

1

轻松自在：

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

于 2013-06-24T19:18:54.023 回答

score 1 · Accepted Answer

您可以在 css 中使用 > 选择器。

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

这只会将样式应用于作为 table.jobtable 的直接子元素的 tr 元素，因此它不会级联到下一个表。[如果使用 tbody 标签，则需要执行 table.jobtable > tbody > tr:nth-child(4n+1)。]

score 0 · Accepted Answer

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

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

3 回答 3