セレクター エンジンは正確にどの方向を読み取るのでしょうか?

「セレクター エンジンは正確にどの方向に読み取りますか?」

従来の通念では、CSS セレクター エンジンは一般的に右から左に読み取ると考えられています。 。ただし、評価の正確な方向はブラウザと実装によって異なる場合があります。

通常、ブラウザはコンビネータをナビゲートするためにセレクタを右から左に評価します。たとえば、セレクター セクションでは > div.秒 > div.third の場合、エンジンは要素が div.third であるかどうかをチェックしてから、その親が div.second でさらに上の階層であるかどうかを調べます。

.name と div.name のパフォーマンスの比較については、正確な順序評価は変動する可能性があり、ブラウザごとに大きく異なります。理論上のパフォーマンスでさえ、実装に大きく依存します。

コンビネータ全体で右から左への評価にもかかわらず、この順序が複合セレクタ内の単純なセレクタ レベルにまで及ぶ可能性は低いです。たとえば、セレクター div:hover[data-foo="bar"].name:nth-child(5)::after では、基準が厳密に右から左への方法でチェックされるという保証はありません。 .

代わりに、パフォーマンス上の理由から、特定の種類の単純なセレクターが優先される場合があります。たとえば、ID セレクターは通常、最初に処理されます。したがって、セレクターが div#foo.bar:first-child として記述されているか、div.bar:first-child#foo として記述されているかにかかわらず、Gecko (Firefox で使用) は、その位置に関係なく、ID とクラスを最初に評価します。

結局のところ、特定のコンテキストでどのセレクターがより高速に実行されるかを予測することは困難です。パフォーマンスは、ドキュメントの構造、実装、さらには異なるブラウザーによっても異なる場合があります。

以上がセレクター エンジンは正確にどの方向を読み取るのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。