Отключение DIV на странице Wordpress

Question

У меня есть этот код HTML:

<div id="top"></div> 
          <div id="mid" style="display:none;"> 
           <div class="close">INCHIDE &nbsp; X</div> 
           <p id="first_paragraph"> 
           TEXT 
           </p>       
</div> 

Это код CSS:

#top { 
    margin: auto; 
    width: 400px; 
    height: 38px; 
    background: url(images/DESPRE-NOI.png) no-repeat; 

} 

body.page-id-10#top { 
    display:none; 

} 

Я хочу #top дезактивацию страницы в WordPress, который имеет идентификатор 10 .

Я пробовал, но, к сожалению, не работает ... Не могли бы вы рассказать мне, пожалуйста, что не так?

Это сайт:

www.avocat.dac-proiect.ro/wp

Заранее спасибо!

Answer 1

Вы можете сделать что-то вроде этого, чтобы дать вам крюки (для JavaScript или CSS) на #top в зависимости от того, являетесь ли вы на странице с ID 10.

<?php 
    if(is_page(10)) { 
     <div id="top" class="top-inactive"></div> 
    } else { 
     <div id="top" class="top-active"></div> 
    } 
?> 

Answer 2

Вы должны использовать ребенок или селектор потомков:

Детский body.page-id-10>#top

потомок body.page-id-10 #top