html - 1 つの要素に対する CSS セレクターの適用を停止する

Question

この CSS セレクターがページ内のすべての要素に適用されないようにしたい:

input {
    color:red;
}

これにより、すべてのタイプののテキストが赤くなります<input>が、この CSS ルールのセレクターまたはスタイルを変更せずに、これから 1 つの入力を除外したいと考えています。要素にはデフォルトのスタイルが必要です (ページに css がない場合のスタイル)。

score 4 · Accepted Answer

not セレクターを使用できます。入力フィールドには名前が必要なので、次を使用して除外できます。

input:not([name="exludeme"]) { }

この方法は、IE8 以前のバージョンでは機能しません。ie7 と ie8 もサポートするには、属性セレクターを使用できます。この場合、フィールドをリセットする必要があります。

input[name="exludeme"] { /*add all your reset styles here*/ }

score 3 · Accepted Answer

別のIDを追加して彼だけに適用し、選択したCSSを他のCSSが上書きしないようにするには、!importantを使用します

html :

<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box" id="diff"></div>

css :

div.box {
  background-color:red;
  width:50px;
  height:50px;
  position: relative;
}

#diff{
  background-color:black  !important ;
}

これを確認してください： http://jsfiddle.net/y32Wv/

注: !importantオプションであり、ファイル内のセレクターの位置に依存しますが、他の css ルールによって上書きされる可能性がある場合 (たとえば、誰かが css ルールの順序を変更した場合)、正常に動作し!importantなくなり、ハプニング。

2 に答える 2