ブラウザに以前のCSS編集を無視する方法を教えてください。

Question

私は、フィールドセットと凡例のタグをリセットすることを除いて、twitterがbootstrap CSSで何をしたのが好きです。

Q：これらの定義をbootstrap.cssから外すのは、ブラウザにこれらのコマンドを無視する方法があるのでしょうか？

私がbootstrap.cssを変更したくない理由は、将来何らかの時間に更新する場合です。私は戻って「これらの2つの定義以外はすべてが良い」と覚えていないかもしれません。

Answer 1

bootstrap.css定義の下で必要なものに再定義してください。後でCSSは常に早いCSSを上書きします（前に!importantフラグが設定されていないと仮定します）。

ので：

legend {color: red;} /*pretend this is bootstrap's definition*/ 

legend {color: green;} 

は緑色のテキストを生成します。

注：あなたはcssの特異性に注意する必要があります。クラスとIDと他のそのようなCSSは、より具体的な定義を行うことができるので、それを上書きするために、後でCSSは同等以上の特異性を持たなければなりません。 legendが原因.boxクラスの高い特異性box分類要素である場合

.box legend {color: red;} /*pretend this is bootstrap's definition*/ 

legend {color: green;} 

は赤いテキストを生成します。その特異性に少なくとも一致する必要があります：

.box legend {color: green;}