主題はそれをすべて言います。<img>
特定の要素( 、、<a>
など)で継承されたすべてのCSSプロパティをリセットする(ポリフィル)コードを探します<p>
。
4 に答える
すべてをブラウザのデフォルトのスタイルに完全にリセットしたい場合、最新のCSSアプローチは、次のプロパティrevert
を持つキーワードを使用することです。all
all: revert;
MDNから、
CSSキーワードは
revert
カスケードをロールバックして、現在のスタイルの起点(作成者、ユーザー、またはユーザーエージェント)にスタイルがない場合にプロパティが持つ値を取得するようにします。作成者スタイルシート(通常の場合)では、指定された宣言の目的上、作成者レベルのスタイルがないかのようになり、プロパティがユーザーエージェントスタイルシート(またはユーザースタイルの場合はユーザースタイル)によって確立されたデフォルト値にリセットされます。存在する)。
警告:これはCSSカスケードおよび継承レベル4の作業ドラフトで定義されているため、ブラウザーのサポートは現在Safariのみに制限されています。
あなたができることは、それらの要素の1つを作成することですが、それをDOMにアタッチすることはできません。その場合、スタイルシートからスタイルを受け取ることはありません。次に、を使用してwindow.getComputedStyle
、デフォルトのスタイルのリストを取得します。
var a = document.createElement('a');
var s = window.getComputedStyle(a);
myTargetEl.style.color = s.color; // or, use a loop to do all of them
継承されたすべてのCSSプロパティを使用HTML5
boilerplate
またはリセットできる可能性があります。css Reset
これらの記事を確認して くださいhttp://html5boilerplate.com/、
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
これはプロパティのように聞こえall
ますが、残念ながらFirefox以外のブラウザではまだ実装されていません。
例:
h2 {
all: initial; // Will reset any style set for h2 elements
}
https://developer.mozilla.org/en-US/docs/Web/CSS/allを参照してください