2013-06-24 65 views
1

目前,我尝试使用HTML表的HTML表,我用下面的CSS样式对于外界表:从表中删除样式表内

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

我想能够在其中一行中制作一张表而不采用背景色。然而,我似乎尝试的所有东西都会导致背景颜色被采用。看起来像这样一个小事情被卡住。

任何帮助表示赞赏。谢谢!

回答

1

易peasey:

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

您的意思是'table.jobtable table'? (否则它将适用于任何嵌套表的集合。) – JAB

+0

最简单的posible示例:) – Turnip

0

假设你专门设置内部表格的背景颜色(因为我不知道CSS属性值将导致所选元素继承财产的价值来自不是链中最接近的元素的属性设置为特定值的元素),并且您已经尝试选择嵌套表作为外部表的子元素(按照3rror404的回答),您可能需要增加内表选择器的特异性。

http://www.w3.org/TR/selectors/#specificity

这里的特异性计算为CSS2.1,如果你有一个旧的浏览器工作:http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#specificity

1

您可以在CSS使用>选择。

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

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