3

次のような CSS があるとします。

p {
        color: #000000;
}

p.myclass {
        color: #ff0000;
}

したがって、赤の「myclass」段落を除いて、すべての段落テキストは黒にする必要があります。

私が見ているのは、これを行うと次のようになるということです：

<div class="myclass">
<p>Something something something</p>
</div>

まだ黒くなってます。私がこれを行う場合：

<p class="myclass">Something something something</p>

それから私は赤くなります。

実際のページでは、さまざまなクラスを適用したいセクションが複数あるため、ページ レベルで単に 'p' を定義することはできません。しかし class= for each

タグは本当に効率が悪いようです。

「このブロックでは、このクラスを使用し、その後、任意の

そのブロックのタグはそのクラスと一致しますか? それがdivがしたことだと思いました。

私は誤解している基本的な何かがあると確信しています...

4

1 に答える 1

7

.myclass p css で使用する必要があります。DIV を使用する利点は、ボックスのスタイルを設定し、後で p のスタイルを設定できることです。

HTML の例

<p>This is a content in black</p>
<p>This is more content in black</p>
<div class="myclass">
    <p>This content is in red</p>
    <p>This more content in red</p>    
</div>    
<p>This is content again in black</p>

CSS の例

.myclass p {color:red;}
p {color:black;}

オンライン例

私があなたのために作ったこの JS Fiddle をチェックしてください。より高度なデモをここで見ることができます。このデモでは、ap タグでスパン スタイルを使用し、DIV をコンテナー内のボックスとしてスタイル設定する方法を示しています。

于 2013-03-17T19:11:05.040 に答える