CSS仅选择某些类

Question

您好，我正在使用Wordpress模板。我有一个单独的博客部分模板页面。在网站的其他页面上，我有一个工作正常的课程，看起来像这样

.post header h2 { display:none; } 

在博客页面上，我将其添加到CSS中，它可以正常工作

#main .post header h2 { display:block; }

但是，如果我尝试使用其他类，如

#main .wrapper { background-color:#000000; }

什么都没发生。我已经尝试过添加了！重要的是，我也尝试过写这样的

body.page-id-15 #main .wrapper { background-color:#000000; }

没有运气。这是该网站的链接。 http://gregtregunno.ca/news

Answer 1

css选择器错误。

不起作用：

#main .wrapper { background-color:#000000; }

工作：

.wrapper #main { background-color:#000000; }

在wordpress页面的html中，从你提供的链接中，＃main div位于.wrapper div中：

...
<div class="wrapper">
    ...
    <div id="main">
        ...
    </div>
    ...
</div>
...