瀏覽器渲染頁面的過程

瀏覽器渲染頁面前需要先構建 DOM 和 CSSOM 樹 可以看到DOM樹的構建過程爲：將字節轉換成字符，確定tokens，將tokens轉換成節點，然後構建 DOM 樹。 CSSOM 爲何具有樹結構？爲頁面上的任何對象計算最後一組樣式時，瀏覽器都會先從適用於該節點的最通用規則開始（例如，如果該節點是 body 元素的子項，則應用所有 body 樣式），然後通過應用更具體的規則（即規則「向下級聯」）

>>阅读原文<<