CSS セレクター エンジンは左から右に読み取るのか、それとも右から左に読み取るのか?

CSS セレクター エンジンは左から右に読みますか?それとも右から左に読みますか?

セレクター エンジンは、HTML ドキュメント内の要素をその要素に基づいて識別するというのが一般的な前提です。クラスまたは ID、左から右に読み取ります。しかし、最近の議論ではそうではないことが示唆されています。

ほとんどのセレクター エンジンによる右から左への読み取り

大多数の CSS セレクター エンジンが右から左への読み取りを採用しているという証拠があります。左読みアプローチ。これは、最も右の要素からセレクターの評価を開始し、左に向かって作業することを意味します。

右から左へのアプローチを理解する

そう思われるかもしれませんが、直感に反しますが、右から左に読むと、セレクター エンジンにいくつかの利点があります:

• パフォーマンスの向上: 最初にセレクターの最も具体的な部分 (通常は要素名または ID) を確認することによって
• 効率的なコンビネータ処理: 右から左へのアプローチにより、コンビネータ (例: ">"、" ") を効率的に処理できます。要素を接続します。
• 共通セレクター用に最適化: 多くの一般的なセレクターは、クラスまたは ID による要素の取得など、右から左のパターンに従います。

速度に関する考慮事項

残念ながら、パフォーマンスはブラウザの実装やドキュメント構造などの要因によって異なる可能性があるため、div.name が .name よりも速いかどうかについての明確な答えはありません。

単純なセレクターの評価

セレクター エンジンはコンビネータ全体で右から左に読み取りますが、個々の単純なセレクター シーケンス (例: クラス、属性、疑似クラス)。これは、シーケンス内の位置に関係なく、要素は通常、単純なセレクターについて左から右の順序でチェックされることを意味します。

ベンダーの違い

次のことが重要です。セレクター エンジン実装の最適化と戦略はブラウザー (Gecko と WebKit など) によって異なる場合があることに注意してください。たとえば、Gecko は、セレクターの一番右にない場合でも、最初に ID のチェックを優先することがあります。

以上がCSS セレクター エンジンは左から右に読み取るのか、それとも右から左に読み取るのか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。