CSS プロパティ名 (*display) 内のアスタリスクが解析例外を引き起こすのはなぜですか?

解析例外: CSS プロパティ名のアスタリスク

この質問では、CSS プロパティ名内のアスタリスク (*) の特有の動作について詳しく説明します。これは、CSS セレクターには特に存在しない機能です。

ユーザーが提供した例CSS ルールの '*display' を紹介します:

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

解析エラー

予想に反して、'*display' は CSS の有効なプロパティ名ではありません。このプロパティが存在すると、プロパティが無効になり、解析が中止されます。

ブラウザのバグと癖

ただし、ブラウザの歴史的な癖のため、一部のブラウザ (最も顕著なのは IE7) では見落とす可能性があります。この無効性を無効にし、「*display」が存在するかのようにルールを実装します。

回避とベスト プラクティス

ブラウザ間の互換性を確保し、コードの品質を維持するために、プロパティ名にアスタリスクを使用しないことを強くお勧めします。代わりに、条件付きコメントを使用して特定のブラウザをターゲットにする必要があります。

以上がCSS プロパティ名 (*display) 内のアスタリスクが解析例外を引き起こすのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。