不同風格的某些元素，當包裹在另一個元素

Question

我有列出了以下樣式：

li { 
background: rgb(66, 66, 66); 
color:white;}  
ul { 
background: rgb(66, 66, 66); 
color:white;} 

另外，我有一個ID not_important_name一個div元素包含列表，爲此，我需要另一種風格要應用：

li { 
background: rgb(144, 144, 144); 
color:white;}  
ul { 
background: rgb(144, 144, 144); 
color:white;} 

我如何可以覆蓋第一組的風格，只爲not_important_name元素中列出？

Answer 1

你需要讓你的CSS更具體。請點擊這裏瞭解CSS選擇器：http://www.w3schools.com/cssref/css_selectors.asp

在你的情況，ü可以做：

ul, li { 
    /* CSS HERE */ 
} 
div#not_important_name ul, div#not_important_name li { 
    /* CSS HERE */ 
} 

Answer 2

我需要在CSS樣式拉希德的excepton爲DIV鋰和UL

關於此的標準方法是在標記中指示容器在頁面上起特定作用：

<div class="exception"> 

然後在樣式表級聯中立即聲明樣式規則，或者在通用規則的下面或某個距離以下。

.exception li { 
background: rgb(144, 144, 144); 
color:white; 
} 

.exception ul { 
background: rgb(144, 144, 144); 
color:white; 
}