выберите дочерний элемент конкретного родителя

У меня есть различные классы в каждой странице тега тела, и я использовал CSS для #top DIV внутри тега телавыберите дочерний элемент конкретного родителя

<body class="one"> 
<div id="top"></div> 
</body> 

#top{ 
    /*css code here*/ 
}

Я хочу использовать же CSS вместо класса .one что-то как это:

#top:not(.one){ 
/*css code here*/ 
}

более ясно я хочу применить тот же CSS для всех страниц для #top, но не на страницу, какой класс тело является .one

Используйте форму :not Селектор родителя, а не ребенка.

body:not(.one) #top { 
    /*css code here*/ 
}

P.S - Вы должны заметить, этот селектор есть некоторые вопросы поддержки браузера, как вы можете видеть here.

2013-09-09 06:27:08 Itay

ОК также см. Мое редактирование – Itay

Ooops! он не поддерживается хотя бы IE8 –

Да. Вы можете сделать это настройкой по умолчанию для '# top' и вместо этого вместо отменять ненужные настройки для' .one # top'. – Itay

ответ