CSSを初期化する「initial」【解除・リセットする方法】

ハシビィー君

CSSを初期化する方法ってあるんっすか？部分的にCSSを解除したいんですけど…

カピーさん

もちろん希望通りのCSSはあるぞ！

initialは初期値を設定してくれる

initial はどのCSSにも適用させることができます。initial を使うことでプロパティの初期値（既定値）に設定することができます。

上書きされる初期値（既定値）はブラウザのデフォルト値が当てがわれます。

<div>
 <span>カピーさんは赤色が好き</P>
 <span class="initial">ハシビィー君は黒派</P>
</div>

.div{
 color:red;
}

.initial{
 color:initial;
}

参考記事はこちら

initial – CSS: カスケーディングスタイルシート | MDN initial は CSS のキーワードで、要素にプロパティの初期値（または既定値）を設定します。どの CSS プロパティにも適用できます。これは、 CSS の一括指定プロパティ all …

カピーさん

Internet Explorer11では非対応だったが、サポートが切れたので使用するのもアリになったぞ。

まとめ：部分的にCSS解除をするなら

最後に『CSSを初期化する「initial」【解除・リセットする方法】』に関する結論を。