CSS のスター付きプロパティとは何ですか?また、それらが使用された理由は何ですか?

CSS でのスター付きプロパティの公開

CSS の領域では、プロパティの前にアスタリスク ( *)。これらは単なる飾りではありません。これらは、「スター プロパティ ハック」と呼ばれる巧妙なハッキングの一部です。

スター (*) は、プロパティが Internet Explorer (IE) 専用であることを示す特殊文字です。 IE はそのようなプロパティを検出すると、他のブラウザとは異なる方法でそれを解釈します。この手法は、20 世紀初頭頃に Web 開発でよく使用されたもので、開発者は特定のブラウザを選択的に対象とするルールを作成できました。

たとえば、次の 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 に注目してください。これらのルールは、IE 向けに特別に調整されています。この例では、IE のパディングと行の高さに他のブラウザとは異なる値を設定し、ブラウザ固有の調整を可能にしています。

このハックは、CSS プリプロセッサと最新のブラウザ サポートが登場する前に特に役立ちました。 。これにより、ブラウザごとに個別のルールを作成することなく、IE をターゲットにする便利な方法が提供されました。ただし、ブラウザーの互換性が向上するにつれて、そのようなテクニックの必要性は減り、現代の開発実践ではほとんど使用されなくなりました。

以上がCSS のスター付きプロパティとは何ですか?また、それらが使用された理由は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。