CSS のアスタリスクの前にあるプロパティの目的は何ですか?

CSS のアスタリスクの前にあるプロパティを理解する

CSS ファイルを調べると、前にアスタリスク (*) が付いているプロパティが見つかることがあります。この「スター プロパティ ハック」は、特定のインターネット ブラウザ、特に Internet Explorer をターゲットにすることで、ブラウザ間の互換性の問題を解決するためによく使用されます。

CSS には、「display」、「margin」、「padding」などのプロパティが含まれています。 HTML 要素の外観とレイアウトに影響を与えます。提供されている例では:

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) は、特にバージョン 7 までの Internet Explorer バージョンを対象としています。これらのスター付きプロパティは、 Internet Explorer の影響を受けるプロパティには異なる値を定義しますが、先行しないプロパティは他のすべてのブラウザに適用されます。

たとえば、上の例では、padding は、Internet Explorer の場合は上部のパディングを 1 ピクセルにすることを指定しますが、他のすべてのブラウザーの場合は、padding は上部のパディングを 2 ピクセルに設定します。同様に、line-height は Internet Explorer では行の高さを 13 ピクセルに設定しますが、他のすべてのブラウザでは line-height はデフォルト値に設定します。これにより、ブラウザごとに個別のスタイル ルールを必要とせずに、ブラウザ間の互換性が可能になります。

以上がCSS のアスタリスクの前にあるプロパティの目的は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。