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取消激活具有ID 10的wordpress中的页面。

我试过但不幸的是没有用......你能告诉我什么是错的吗？

这是网站：

www.avocat.dac-proiect.ro/wp

提前致谢！

Answer 1

你可以做这样的事情，在#top上为你提供钩子（对于JavaScript或CSS），这取决于你是否在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

禁用页面Wordpress中的div

2 个答案: