CSSでスター付きプロパティはどういう意味ですか？

Question 1

今日cssファイルを調べていたところ、次のルールセットが見つかりました。

div.with-some-class {
    display:block;                   
    margin:0;
    padding:2px 0 0 0;
    *padding:1px 0 0 0;
    font-size:11px;   
    font-weight:normal;
    *line-height:13px;
    color:#3D9AD0;
}

* paddingと* line-heightで星はどういう意味ですか？

ありがとう。

Question 2

これは、「アンダースコアハック」と同じ方針の「スタープロパティハック」です。IEが無視するプロパティの前にジャンクが含まれます（*はIE 7まで、_はIE 6まで機能します）。

Question 3

CSSでは？何もありません。それはエラーです。

Internet Explorerの一部のバージョンにはバグがあるため、無効なプロパティ名が正しく無視されないため、これはそれらのブラウザーに固有のCSSを提供する1つの方法です。

ただし、条件付きコメントを使用する方が明確で安全です。

Question 4

アスタリスク文字は、CSSで有効なワイルドカードです。これを単独で使用すると、DOM内のすべての要素ノードに対して次のCSSプロパティが使用されます。例：

*{color:#000;}

上記のプロパティはすべてのDOM要素に適用されるため、CSSの自然なカスケードが無効になります。これは、そのターゲティングが一意の識別子参照を開始するDOM要素を具体的にタグ付けすることによってのみオーバーライドできます。例：

#uniqueValue div strong{color:#f00;}

上記のプロパティはワイルドカードをオーバーライドし、id属性値が「uniqueValue」の要素内のdivで発生するすべての強力な要素のテキストを作成します。

最初の例のように、普遍的に適用されるワイルドカードを使用することは、リセットスタイルシートを作成するための迅速で汚い方法になる可能性があります。ワイルドカードの後のプレゼンテーションの詳細な定義は、非常に肥大化したスタイルシートを作成する可能性があるため、迅速で汚いです。ワイルドカードを使用する場合は、次のように、より具体的に使用することをお勧めします。

* strong{color:#f00;}

上記の例では、一意の識別子で指定されていない他のCSSプロパティに関係なく、すべての強力な要素のテキストが赤になります。これは、「！important」宣言を使用するよりもはるかに安全であると考えられています。この宣言は、意図した動作の自然な機能に干渉することが知られており、メンテナンスの悪夢です。

例のアスタリスクは、プロパティ宣言、中括弧内にあるコード内にあるように見えるため、間違った場所にあり、エラーが発生する可能性があります。

Question 5

これはIE7のハックです。

あなたがこれを書くならば：

.test {
    z-index: 1;
    *z-index: 2;
}

W3C標準<div class="test"></div>HTMLElementを尊重するすべてのナビゲーターにはがありますが、z-index: 1IE7の場合、この要素にはz-index: 2。があります。

これは標準ではありません。

W3C標準で同じことを実現するには、次の手順に従います。

Internet Explorerの条件付きコメントを追加します（これは他のすべてのナビゲーター用の単純なHTMLコメントなので、標準的な方法です）。

<！-[IE7の場合]> <html lang = "fr" class = "ie7"> <！[endif]->

<！-[if gt IE 7]> <！-> <html lang = "fr"> <！-<！[endif]->

そして、次のような前のルールを使用します。

.test {
    z-index: 1;
}
.ie7 .test {
    z-index: 2;
}