html - css - initial unset 初期化・リセット

1.　initial

2.　unset

3.　やってみる

1.　initial

　「initial - CSS | MDN」によれば『要素のプロパティの初期値を適用するものです。CSS のどのプロパティにも使うことができ、要素はそのプロパティの初期値を使います。』とのこと。

2.　unset

　「unset - CSS | MDN」によれば

　プロパティをリセットし、親からの継承された場合は継承値、そうでなければ初期値を設定します。
　言い換えれば、前者の場合は inherit キーワード、後者の場合は initial キーワードのようになります。
　あらゆる CSS プロパティ（一括指定の all を含む）に適用することができます。

　とのこと。

3.　やってみる


span.sample
{
	font-weight: bold;
	color: blue;
}

span.sample01
{
	all: initial;
}

span.sample02
{
	all: initial;
	color: unset;
}



　<span class="sample">sample
　<span class="sample01">sample01</span>
　<span class="sample02">sample02</span></span>


　てな感じで書きましたらば・・・。
　下記のように表示されます。

　sample
　sample01
　sample02