ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS プロパティ名にアスタリスクを使用するのはなぜ悪い考えなのでしょうか?

CSS プロパティ名にアスタリスクを使用するのはなぜ悪い考えなのでしょうか?

Barbara Streisand
Barbara Streisandオリジナル
2024-11-28 16:01:15652ブラウズ

Why Are Asterisks in CSS Property Names a Bad Idea?

CSS プロパティ名のアスタリスク

CSS セレクターでの役割を超えて、アスタリスクはプロパティ名にも使用できます。ただし、このコンテキストでは、それらの存在は無害ではありません。

CSS プロパティ名のアスタリスクの例は、YUI の次のコードです。

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

*display プロパティは無効です。事実上、プロパティ名が役に立たなくなります。これは、CSS の構文エラーとなるためです。

それにもかかわらず、ブラウザーの仕様により、アスタリスクが含まれるプロパティ名が無視されることがあります。これにより、プロパティが Internet Explorer 7 などの特定のバグのあるブラウザにのみ適用されるという予期せぬ影響がありました。

最新の CSS の実践では、プロパティ名にアスタリスクを使用することは強く推奨されません。代わりに、条件付きコメントを使用して、さまざまなスタイルの特定のブラウザをターゲットにする必要があります。このアプローチは、時代遅れでエラーが発生しやすい手法に依存するよりも信頼性が高く、保守しやすいです。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。