html - クラスを書き直しますが、他のページではオリジナルを使用します

Question

最近、私のプロジェクトで「小さな」問題がますます見られます...私CSSはいくつかのファイルを含むプロジェクトに取り組んでいますclasses。次のような基本クラスの書き換えがたくさん見られます。

input {
//code
}

使いたい時は、もちろん書き直した設定を使います。基本クラスの元の設定を変更し、それらの変更を無視する最善の方法は何ですか。たとえば、 の元の設定を使用しますinput。

それが役立つ場合は、各ページの ID を持っています。

Answer 1

inputCSSを編集して、元の CSS を使用するすべての入力に対してクラスをinput:not(.original)使用できます。original

例

CSS

input:not(.original){
/*your css*/
}

html

/* affected by the css*/
<input>
/* not affected by the css*/
<input class=original>

ここに例があります

inputまたは、を変更して、カスタム css を使用するすべての入力に.inputクラスを追加することもできます。input