ベンダー固有の CSS ルールを 1 つのセレクターに結合できないのはなぜですか?

ベンダー固有の CSS ルールの結合: 制限事項を理解する

CSS は、さまざまなブラウザー間で要素をスタイル設定するための強力なメカニズムを提供します。ただし、CSS でベンダー固有のプレフィックスを使用すると、同じプロパティを対象とするルールを統合しようとするときに課題が生じます。

特に、ベンダー固有の疑似要素/クラスを単一のルール セットに組み合わせると、次のような問題が生じます。なぜこれが不可能なのか。この制限を理解するために、CSS 構文の基礎となる原則を詳しく調べます。

CSS2.1 仕様によれば、CSS セレクターには左中括弧 ({) までのすべてが含まれます。ユーザー エージェントは、解析できないセレクター (つまり、CSS2.1 標準に準拠していないセレクター) を無視します。

ブラウザーはベンダー固有のプレフィックスを一貫してサポートしていない可能性があるため、認識できないプレフィックスを持つ疑似要素/クラスはドロップされます。特定のブラウザで認識されるものだけを残します。これは、カンマ区切りのセレクターでベンダー固有のルールを組み合わせることができないことを説明しています。

CSS2.1 仕様では、本質的に、不明なセレクターを無視すると拒否され、提案されているような組み合わせは不可能になると述べられています。

この制限は、ベンダー固有のルールを接頭辞として付けることと、CSS コードの互換性は最終的にブラウザのサポートに依存することを認識することの重要性を強調しています。特定のベンダー向け。

以上がベンダー固有の CSS ルールを 1 つのセレクターに結合できないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。