どのブラウザがCSSセレクタを解析しますか?

CSSセレクタを解析ブラウザ「右から左へ」。
私たちは、DOMツリーとスタイルルールは、実際には、DOMツリーに取り付けたスタイルルールに必要がある、ツリーをレンダリング合成することを知って、
対応するDOM要素に取り付けたスタイルに提供された情報に基づいてDOMツリーのセレクタを横断する必要があります。
以下の実施例このCSS
<スタイルタイプ= "テキスト/ CSS">
の.mod-NAV H3スパン{フォントサイズ:16pxに;}
</スタイル>
、左から右へのマッチング、処理がある場合:

の.mod-NAVから開始子ヘッダノードとサブノードのDIVを歩く
各子ノードにトラバースその後。右側のdivの枝
の葉への最後のトラバースは、ルールに準拠しないことが判明ノード、あなたが戻ってULのノードに移動し、毎ターンで次のLi-A、何千ものDOMノードツリーをトラバースする必要があり、この効率は非常に低いです。

右から左に一致した場合:

各スパンのために、すべての右端のノードのスパンを最初に見つけ、ノードh3が見上げ
H3から、その後、クラス=「MOD-NAV」ノードを検索
し、最終的にルート要素は、このブランチの終わりをhtmlの発見トラバーサル。


左から右へとマッチルールの性能が無駄にされ、最も右のノードの多くを除外するために、第1のステップで右から左にあるため、一致の後者一致良好な性能条件(リーフノード)を満たしていませんそれを見つけるために失敗。

おすすめ

転載: www.cnblogs.com/wangxi01/p/11590077.html