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

 
 
カウンタバックグラウンド