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;
}

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

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