0

私はサイトの実際のハッシュを扱っているので、このばかげた質問について尋ねているのです。

クラスが HTML class タグ内の別のクラスを無効にする何らかの方法を見つけるために、私はあらゆる場所を探しました。

私はこれを行うか、大量のスパゲッティをほどいてみるか (これはおそらく許可されないでしょう)、または他の誰かが推奨できること (大いに感謝します) のいずれかを行うことができます。

これは可能ですか？

class="myClass !important"

そうでない場合、同等のものはありますか？

助けてください！よろしくお願いします！

4

5 に答える 5

3

いいえ、それは不可能です。残念ながら、CSS の特異性を自分で解決する必要があります。

于 2012-12-05T17:07:13.127 に答える
2

!importantセレクター全体には使用できません。上書きしたい特定のルールを見つけて、!importantそれぞれで使用する必要があります。

于 2012-12-05T17:09:53.570 に答える
2

HTML テンプレートを変更できる場合は<div id="override">、CSS クラスの「マスター」ルールとして使用するページの最も外側のラッパーに、またはそのようなものをいつでも追加できます。次に、CSS で、既存のクラスまたは変更が必要なクラスの前にその ID を追加するだけです。

たとえば、次のものがあり、.some-class をオーバーライドしたい場合:

<div class="some-class">Bleh.</div>

そして対応する CSS:

.some-class { color: red; }

全体を次のようにラップできます。

<div id="override">
    <div class="some-class">Bleh.</div>
</div>

.some-class の前に #override (または任意の名前) を追加すると、このルールが他のルールよりも優先されます。

#override .some-class { color: green; } /* This will override the red color form the other rule */
.some-class { color: red; }
于 2012-12-05T19:25:40.253 に答える
0

classCSSクラスは単なるスタイルのグループであるため、インラインstyleタグの代わりに使用できます。キーワードは、特定のスタイルをオーバーライドし、クラスで機能しないようにするの!importantに役立ちます。したがって、たとえば：

divCSSファイルのどこかにcssルールがあるとしましょう

div{border:solid 1px #ff0000;}

そして後で、このルールがあります：

div{background:#000000;}

div私たちのページのすべてがでborderありbackground、cssルールをオーバーライドしたい場合はdiv次のようなことをする必要があります：

div{background:none !important;border:none !important;/*...ADD YOUR CSS...*/}

cssリセットクラスを作成して、必要なすべての設定をリセットしてから、cssを追加できます。

于 2012-12-05T17:17:10.810 に答える
0

次のように、セレクターに複数のクラスを追加できます。

class="myClass myClass2"

上記は、HTML 要素で class 属性がどのように見えるかです。

CSS に関する限り、次のようにクラスを定義します。

.myClass {
    color: black;
    font-size: 14px;
}

上記は、所有する可能性のあるプロパティのほんの一例です。

スタイルシートで「myClass」の後に「myClass2」を定義すると、「myClass2」のプロパティが「myClass」の一致するプロパティをオーバーライドできるようになります。

//This goes below myClass
.myClass2 {
    font-size: 16px;
}

「myClass2」が「myClass」の後にある限り、フォントは「16px;」のサイズ プロパティを取得します。「myClass」の値は「myClass2」の値で上書きされます。「myClass2」が「myClass」の前にある場合は、!important を使用して、後で定義されたスタイルを確実に引き継ぐことができます。

//This goes above myClass
.myClass2 {
    font-size: 16px !important;
}

お役に立てれば。

于 2012-12-05T17:15:28.793 に答える