css - 应用于 div 的 css 类的范围？

Question

我想对我网站上的某个页面部分应用一些特殊样式。

我认为通过定义这样的东西：

h2.privacy_policy {
    color: #456123;
    padding: 10px 20px 30px 40px;
    margin: 40px 30px 20px 10px;
}

并通过将类应用于包装div：

<div class='privacy_policy'>
    <h2>Some text etc</h2>
    <p>More text ...</p>
    ...
</div>

样式将适用于h2上面的附件，但 Firebug 告诉我不，样式尚未应用。

将类应用于 a 的范围是div什么？它适用于封闭的元素吗？我有错误的期望吗？我做错了吗（如果是，解决方案是什么）？我这样做是否正确，并且必须发生其他事情（如果是，我应该在哪里看？）？谢谢。

score 3 · Accepted Answer

错误的选择器顺序......你想要

div.privacy_policy h2

你有什么

h2.privacy_policy

仅匹配具有明确给出h2的类的元素privacy_policy

ps 对html标签属性使用双引号，即<div class="privacy_policy">而不是<div class='privacy_policy'>

score 1 · Accepted Answer

与您的 HTML 匹配的 CSS：

h2.privacy_policy {}

或与您的 CSS 匹配的 HTML：

<h2 class="privacy_policy">Text</h2>

基本上，想象每个空间都是一个新的层次结构。因此，h2 .privacy_policy匹配 adescendant的h2类具有privacy_policy，而h2.privacy_policy匹配h2类的privacy_policy。

score 1 · Accepted Answer

1

h2.privacy_policy意思是“只有h2一个类的元素privacy_policy”

于 2012-04-16T16:49:20.370 回答

3 回答 3