Question

我试图让我的wordpress博客对移动设备做出回应。我能够在style.css中自定义主页，但我在单个帖子页面上遇到了一些问题。

问题是：我有三列，我想删除左右侧边栏。但是它们不像主页那样，而是类。

单个帖子页面有一个ID（#postcolumn），其中包含3个类：.leftsidebar，.postzone和.rightsidebar。如何删除.leftsidebar和.rightsidebar？

这是我的主页代码，效果很好......

@media only screen and (max-width: 480px) {
    #wrapper, #header, #column {
        width:400px;
    }

    #middlecolumn, #rightcolumn, #header, #footer {
        display:none
    }
}

Answer 1

如果我正确理解您的问题，您的单个帖子页面的HTML标记类似于以下内容：

<div id="postcolumn">
  <div class="leftsidebar">
    // something
  </div>
  <div class="postzone">
    // something
  </div>
  <div class="rightsidebar">
    // something
  </div>
</div>

应用与主页相同的逻辑，CSS看起来像：

@media only screen and (max-width: 480px) {
    #wrapper, #header, #column {
        width:400px;
    }

    #middlecolumn, #rightcolumn, #header, #footer, #postcolumn .leftsidebar, #postcolumn .rightsidebar {
        display:none
    }
}

如何使用CSS删除类？

1 个答案: