1

このセレクターは、期待どおりに機能しません。

<style type="text/css">
    .someClass p, b {
        color:red;
        cursor : pointer;
    } 
</style>
<p>This is a test</p>
<p>This is another <b>test</b></p>
<p class="someClass">This is a test with someClass</p>
<p>This is another <b class="someClass">test</b></p>

結果とjsFiddle : スタイルが設定されていない段落とスタイルのテキストは黒く表示されます。pクラス「someClass」のテキストは赤いテキストで表示されませんが、クラスb「someClass」は赤く表示されます。

問題: class=" someClass p" (3 番目の段落)が赤で表示されず、bclass="someClass" (4 番目の段落)が赤で表示されるのはなぜですか?

どちらのタグも someClass セレクターに含まれています。検索で答えを見つけるのにあまり運がありませんでした。ドキュメントはこの正確なシナリオに対処していないようです

4

1 に答える 1

5

スタイルを class で段落とb要素に適用する場合はsomeClass、使用します

p.someClass, b.someClass {
    color: red;
    cursor: pointer;
}

既存のセレクター ターゲット

  • 任意のb要素
  • クラスを持つ要素内にある段落someClass。

このコード:

.someClass p, b { something }

と同じです

.someClass p { something }
b { something }
于 2013-02-04T15:57:43.897 に答える