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は、いいえ、スタイリングは適用されていないと言っています。

クラスをに適用する範囲は何divですか？囲まれた要素に適用されますか？私は間違った期待を持っていますか？私はこれを間違っていますか（はいの場合、解決策は何ですか）？私はこれを正しく行っていますか？何か他のことが起こっているに違いありません（もしそうなら、どこを見ればいいですか？）？ありがとう。

score 3 · Accepted Answer

セレクターの順序が間違っています...

div.privacy_policy h2

あなたが持っているもの

h2.privacy_policy

明示的に指定h2されたクラスを持つ要素のみに一致しますprivacy_policy

<div class="privacy_policy">psは、htmlタグ属性に二重引用符を使用します。<div class='privacy_policy'>

score 1 · Accepted Answer

HTMLに一致するCSS：

h2.privacy_policy {}

またはCSSに一致するHTML：

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

基本的に、すべてのスペースが新しいレベルの階層であると想像してください。したがって、クラスが。であるのとh2 .privacy_policy一致し、クラスが。と一致します。descendanth2privacy_policyh2.privacy_policyh2privacy_policy

score 1 · Accepted Answer

1

h2.privacy_policy「クラスが」h2の要素のみを意味しますprivacy_policy

于 2012-04-16T16:49:20.370 に答える

3 に答える 3