2013-06-24 109 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)。]