基本的に、ページには 2 つの外部 CSS があります。
最初のMain.css
ファイルにはすべてのスタイル ルールが含まれていますが、アクセス権がないため、変更できません。2 番目のファイル にはアクセスできるので、の の値をTemplate.css
上書きする必要があります。Main.css
template.css
値を変更するのは簡単ですが、プロパティを完全に削除するにはどうすればよいでしょうか?
たとえば、クラス.c1
に がある場合height: 40px;
、この height プロパティを削除するにはどうすればよいでしょうか?
ベストアンサー1
それぞれのプロパティをデフォルト値にリセットする必要があります。これはあまり良い方法ではありませんが、提供された情報を考慮すると、これが唯一の方法です。
あなたの例では、次のようにします。
.c1 {
height: auto;
}
各プロパティをここで検索してください:
https://developer.mozilla.org/en-US/docs/Web/CSS/リファレンス
のために例、height
:
初期値 :
auto
別の例、max-height
:
初期値 :
none
2017 年には、別の方法、キーワードがありますunset
。
.c1 {
height: unset;
}
いくつかのドキュメント:https://developer.mozilla.org/en-US/docs/Web/CSS/unset
unset CSS キーワードは、initial キーワードと inherit キーワードの組み合わせです。これら他の 2 つの CSS 全体のキーワードと同様に、CSS ショートカット all を含む任意の CSS プロパティに適用できます。このキーワードは、プロパティが親から継承されている場合は継承された値に、そうでない場合は初期値にプロパティをリセットします。つまり、最初のケースでは inherit キーワードのように動作し、2 番目のケースでは initial キーワードのように動作します。
ブラウザのサポートは良好です:http://caniuse.com/css-unset-value