入力[type = text]対次のようにクラス特異

Question

マイHTMLテキスト入力要素は次のとおりです。

<div class="form-group"> 
    <label>Ask</label> 
    <input type="text" name="ask_question" class="form-control" id="ask-question"> 
</div> 

この要素を変更しようとする2つのスタイルシート「A」と「B」はあります。

B.

Aが指定する前にAがロードされる：

input[type=text] { 
    blah; 
    blah; 
} 

Bを指定し：

.form-control { 
    meh; 
    meh; 
} 

次に、ブラウザは、 '' の代わりに 'B' のスタイルシートのスタイルを示しています。 「A」を無視して「B」からのスタイリングを使用する方法はありますか？

注：スタイルシート 'B'は実際には、属性スタイリングが指定されていないbootstrap.min.cssであるため、スタイリングを 'A'からオーバーライドできません。あなたが正しい方向に私を向けることができれば感謝します。ありがとう！

Answer 1

！重要！これにより、ルールは同じ要素の他のルールを上書きします。

回避策

[type=text] { /*drop specificity so last rule wins, i do not think type=text is used anywhere else*/ 
    blah; 
    blah; 
} 

かのカップルあなたがルールをより具体的にするためにBスタイルシートを編集したくない、あなたは、スタイルシートを編集することができ

を想定し

.form-control { 
    meh !important; 
    meh !important; 
} 

Answer 2

input[type=text]:not(.form-control) { /*explicitly do not apply to .form-control*/ 
    blah; 
    blah; 
}