如何覆蓋tr：nth-​​child（2n）？

Question

站點範圍的樣式表的形式爲

#outerdiv tr:nth-child(2n) { 
    background-color: #cccccc; 
} 

，我想重寫爲包含內部DIV #innerdiv表中，而這又是包含內部DIV #outerdiv的指令。

我發現作品的唯一事情是：

#innerdiv tr:nth-child(2n) { 
    background-color: #ffffff; 
} 

這似乎是我過於具體，也可能很脆弱。

是否有其他方式只是取消該網站範圍的指令？或者，有沒有辦法指定全部#innerdiv中的表格行的背景顏色。

FWIW，下面不工作：

#innerdiv tr { 
    background-color: #ffffff; !important; 
} 

Answer 1

試試這個

#innerdiv tr { 
    background-color: #ffffff !important; 
} 

Answer 2

根據你的表是如何嵌套的，你可以使用下面的代碼應該第一個表是直接孩子#outerdiv：

table tr { 
    background-color: #fff 
} 
#outerdiv > table tr:nth-child(2n) { 
    background-color: #cccc; 
}