解釋下瀏覽器是如何判斷元素是否匹配某個 CSS 選擇器？

先產生一個元素集合，而後從後往前判斷；html        瀏覽器先產生一個元素集合，這個集合每每由最後一個部分的索引產生（若是沒有索引就是全部元素的集合）。而後向上匹配，若是不符合上一個部分，就把元素從集合中刪除，直到真個選擇器都匹配完，還在集合中的元素就匹配這個選擇器了。 舉個例子，有選擇器： 瀏覽器 body.ready #wrapper > .lol233 先把全部 class 中有 l

>>阅读原文<<