[css] *display: inline ってなに。なんで * つけてんの

Question

Google Crisis Responseってサイトのcssに

.barSeparatedList li {
  display: inline-block !important;
  *display: inline;
  *zoom: 1;
  padding-right: .8em;
}

という記述（１９０行目あたり）がありました。

なんでプロパティ名の前に*つけてるんですか（*displayとか*zoom）。何か理由があったり？

Answer 1

昔使用されていたIE7向けのCSSハックです。
CSSプロパティの先頭に*が付いているとIE7だけに適用可能です。
現在IE7はサポート外のため、Web制作で使用されることはないです。

Comments

[N---------]

IEちゃん向けのハックでしたか。回答ありです！

Answer 2

IEの仕様（バグ？）で、頭に*が付いていてもその文字を無視するというのがあるので、
・IEでは、display: inline
・それ以外では、display: inline-block !important
にすると言うことです。最新のIEでは有効でないかも。

Comments

[yasutomi]

IEの仕様ではなくバグですね。
仕様であれば互換性を考慮して
IE7以外のバージョンでも使用可能になるはずなので。

[otn]

そうか。バグ修正ということですね。