Различные стили для определенных элементов, когда обернутый в другой элемент

Question

У меня есть следующие стили для списков:

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

Кроме того, у меня есть DIV элемент с идентификатором not_important_name, который содержит список, для которого мне нужен другой стиль для применения:

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

Мне нужен excepton в Sheed CSS стиль для этого DIV для Ли и ул

Стандартный способ сделать это - указать в разметке, что контейнер играет определенную роль на странице:

<div class="exception"> 

, а затем объявить исключительные правила стиля в каскаде таблиц стилей либо непосредственно ниже, либо на некотором расстоянии от общих правил.

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

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