cssのプロパティに「*」を使う

Question

こんなcssを見ました

.hoge{
 display:inline-block;
 *display:inline;
}

下記のような形ならわかるのですが、、、

* div{
 display:inline-block;
}

このような書き方の意味を知っている方がいたら教えていただきたいです。

.hoge{
// display:inline-block;
 *display:inline;
}

このようにデベロッパーツールで無効にしても、
display:inline;
は無効な書き方として適用されませんでした

Answer 1

CSSハックという、一部のブラウザだけにCSSをかけるための、文法的には正しくない技です。

この形は、IE7以下にだけdisplay:inlineを適用させるものです。現代でIE7を本気でサポートしているのでなければ、まるごと削除して問題ありません。

Disallow star hack

Answer 2

一部のブラウザで異なるCSSを適用できる昔の書き方で，
「アスタリスクハック」と下のブログでは命名されています．

https://hail2u.net/blog/webdesign/asterisk-hack.html

ベンダープレフィックスのさきがけですね．

Comments

[g___]

なるほど！
ありがとうございました。

Answer 3

参考までにCSSLintの2018/11/06時点での全32ルールの解説を書いたページを貼っておきます。
CSSLintの全32個のルールをサンプルコードを書きながら解説しました

Disallow Star hackについてはこちら
Disallow Star hack