CSSのinitialはIE11が死ぬまで使用してはいけない

CSSのinitialはIE11が死ぬまで使用してはいけない

initialとは

要素のプロパティに初期値を適用する。

例えば下記のコードの場合、.fooにcolor:redを指定しても.foo .barにcolor:initialを指定すれば色は初期値の黒になる。

/* HTML
<div class="foo">
  <div class="bar">test</div>
</div>
*/
.foo {
  color: red;
}
.foo .bar {
  color: initial;
}

IE11はinitial未対応

CSSを使用していると適用しているプロパティを初期化したいことは多いため積極的に使いたくなるがIE11はinitial未対応のため使用するのは避けたほうが良い。
IE11はinitial未対応のため使用するのは避けたほうが良い

initialは適応されているプロパティを初期化するものなので、適用されないとデザインが大きく崩れてしまうことがあるので注意が必要だ。

initialでcolorを初期化したサンプル

カテゴリーcss