CSSハックとは特定のブラウザでのみCSSを適用させる技術のことで、ブラウザ間で互換性がないCSSプロパティを記述する際に必要となるテクニックです。 特にCSSハックのテクニックが必要となるのが、IE(Internet Explorer)系ブラウザで、最新のIE11ですらCSSハックが必要な場面が多々あります。 例えばIE11では以下のようなCSSに対応していません。 display:filex usetプロパティ CSS変数 今ではよく使われるものですが、残念ながらIE11のみ全く動作しないため何らかの策を取る必要があります。 ほかにもbefore・afterなどの疑似要素内のプロパティも組み合わせによっては動作しないことも少なくありません。 今回はこのような場面のために、CSSをIE11だけに適用する方法を紹介します。