一部の CSS プロパティの前にアスタリスクがあるのはなぜですか?

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

CSS の領域では、特定のプロパティの前にアスタリスク (*) が付いていることに遭遇したことがあるかもしれません。名前。これらのアスタリスクは、特に Internet Explorer バージョン 7 以下のコンテキストで特定の役割を果たします。

CSS ハックにおけるアスタリスクの役割

CSS ハックは、次の目的で使用されるテクニックです。他のブラウザへの影響を回避しながら、特定のブラウザまたはブラウザのバージョンをターゲットにします。プロパティ名の前にアスタリスクを置くと、Internet Explorer バージョン 7 以下にのみ適用される CSS ルールを作成できます。

使用例

次の例を考えてみましょう。 :

body {
  font:13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size:small;
  *font:x-small;
}

この例では、font-size と font プロパティの前にアスタリスクを付けることで、これらのプロパティは、Internet Explorer バージョン 7 以下でのみ適用されます。

CSS でアスタリスクを使用することの影響

CSS ハックは特定の状況では便利ですが、次のことが重要です。潜在的な欠点に注意してください:

• 無効CSS: プロパティの接頭辞としてのアスタリスクの使用は、CSS 仕様の一部ではありません。これは、ブラウザの将来のバージョンで予期しない動作が発生する可能性があることを意味します。
• 競合の可能性: CSS ハックでアスタリスクを使用すると、コード内の他の CSS ルールと競合する可能性があります。サードパーティのスタイルシート。
• 限定サポート: アスタリスクはインターネットでのみ機能しますExplorer バージョン 7 以下。したがって、最新のブラウザには影響しません。

アスタリスク ハックの代替手段

アスタリスク ハックの代わりに、メディア クエリまたはブラウザ固有のクラスの使用を検討してください。 Internet Explorer またはその他のブラウザのさまざまなバージョンをターゲットにするための名前。これらのメソッドはより標準化されており、CSS の有効性が維持されます。

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