当我有#id #id时,为什么CSS不能工作？

Question

当我使用时,我似乎无法将我的CSS链接到div:

[in stylesheet(style.css)]

#sitecontainer .header {
    background-image:url('/images/header-background');
}


<div id="sitecontainer">
        <div id="header"></div>
        <div id="content"></div>
        <div id="footer"></div>
</div>

但是,当我将CSS内嵌到页面中时,它确实有效.有任何想法吗？

皮特

Answer 1

你的CSS在标题上使用了一个类选择器:

.header

而不是.

#header

如果你有像这样的HTML标记,这将有效:

<div id="sitecontainer">
        <div class="header"></div>
        <div class="content"></div>
        <div class="footer"></div>
</div>

但在你的情况下你可以使用:

#sitecontainer #header

甚至更好(除非你在你的网站上用这个特定的标题做一些非常具体的事情)你应该把它剪切到

#header { /* CSS rules here */ }

有关更多信息 - NetTuts上提供了各种CSS选择方法的精彩文章.