5

重複の可能性:
特定の要素のCSSスタイルを継承(リセット)しますか?

異なるCSS属性を持つ外部CSSファイルをロードするページがあります。

その同じページ内に要素を作成することは可能ですか?特にその要素のためにcssをロードしないことは可能ですか?

例えば:

<style type="text/css">
p {
    background-color:#000000;
    width:550px;
}
</style>
<p>This should get the P styling from the style tag</p>
<p>This should NOT get the P styling</p>
4

4 に答える 4

3

他の誰もが言っているように、通常、要素を分離するためのより良い方法があります。ただし、この目的のための CSS セレクターもあります。

否定擬似クラスを参照してください

HTML

<p>A paragraph</p>
<p class="nostyle">Don't style me</p>
<p>A paragraph</p>
<p>A paragraph</p>

CSS

P:not(.nostyle) { color: red; }

例: http://jsfiddle.net/LMDLE/

これが正しい解決策になることはめったにありませんが、別のセレクターと一致させるのが難しい特殊なケースを処理する場合に役立ちます。

于 2012-11-04T14:41:19.720 に答える
1

これはまさにクラスが設計されたものです。

<style type="text/css">
.class1{
background-color:#000000;
width:550px;
}
</style>
<p class="class1">This should get the P styling from the style tag</p>
<p>This should NOT get the P styling</p>

念のため、デモンストレーション専用の class1 などの名前は使用しないでください。意味のあるクラスにはわかりやすい名前を使用してください。

于 2012-11-04T14:36:22.493 に答える
1

スタイルを設定したい P を積極的に分離できます。

<p class="hasStyle"></p
<p></p>

または、スタイルを設定しないままにしたいものをオーバーライドできます。

<style>
p {
    background-color:#000000;
    width:550px;
}

.noStyle {
 background-color: none;
 width: none /* or whatever you want here */;
}
</style>

<p>has a style</p>
<p class="noStyle"></p>

後者は維持するのが難しいです。

于 2012-11-04T14:39:17.940 に答える
0

私がコメントしたように、クラス、ID、および疑似セレクターを使用することの何が問題になっていますか?

たとえば、これは問題なく機能します。

p:first-child {
    background-color:#000000;
    width:550px;
}

同様に

.first {background-color: #000; width: 550px;}

<p class="first">Some styled text</p>
<p>Some default text</p>
于 2012-11-04T14:37:59.833 に答える