2010-12-30 16 views
141

可能性の重複:
CSS reset - purpose of asterik within a styleアスタリスクはCSSのプロパティ名で何をしますか?

私はアスタリスクがCSSセレクタ(What does an Asterisk do?)に何をするか知っているが、それは、プロパティ名に何をするのでしょうか?ここでは、YUIが使用するCSSの例を示します。私は*displayが何をしているのか分からない。

.yui-button .first-child 
{ 
    display:block; 
    *display:inline-block; 
} 
+0

あなたの例では興味深いのは* display:inline-block;インターネットエクスプローラ7はインラインブロックプロパティを「理解」していないので、 – Sotiris

+4

@ソティリス:それは少しです。しかし、それはすべて間違っていますか? – BoltClock

+0

@BoltClock haha​​hah「ちょっと、」 – luigi7up

答えて

153

構文エラーです。したがって、CSSでは、プロパティ名が無効になり、解析されなくなります。

ブラウザのバグのおかげで、時々無視されます。これは事実上、その特定のバグを特徴とするブラウザ(IE7)にのみプロパティを適用させます。

一般に、条件付きのコメントのために避けるべきです。

57

IEのハックです。 2番目の宣言はIE7以上で適用されるため(最初の宣言をオーバーライドします)、他のブラウザは無視して最初の宣言を引き続き適用します。

また、これは無効なCSS構文です。

+0

@Jakub Pietkun:wat。スクリーンショットを取得しましたか? – BoltClock

+0

混乱して申し訳ありませんが、私は間違っていました。 FF、Chrome、IEをテストしました。「アスタリスク」アトリビュートは効果がありません。 –

14

そのようなie6のアンダースコア。しかし、ie7の場合

アスタリスクを付けると、そのプロパティはie7以上のブラウザでのみ使用されます。

そのハック...

9

これはIEのハックの1つです。 Internet Explorerは、CSSを少し違う方法で解析し、他のブラウザでは無視される特定のハッキングを可能にします。それのためのGoogle。さまざまなバージョンのIEをさまざまなハッキングでターゲティングできます。

関連する問題