每次刷新網頁的CSS

當我們在瀏覽器中打開一個網頁時，網頁上的元素會根據CSS樣式表中的樣式進行渲染展示。但是當我們對CSS進行修改后，需要刷新網頁才能使修改生效。那么，每次刷新網頁時CSS發生了什么變化呢？
首先，瀏覽器會發送一個HTTP請求，獲取網頁的HTML、CSS、JavaScript等資源。在獲取到CSS文件后，瀏覽器會將CSS文件進行解析，將樣式表中的樣式規則解析成瀏覽器能夠理解的格式，并將解析結果保存到內存中。
當瀏覽器讀取HTML文件時，它會去解析HTML文件，并根據HTML文件中的標記和屬性來構建DOM樹。在構建DOM樹的過程中，瀏覽器會將CSS樣式和HTML元素匹配，然后應用這些CSS樣式。如果有相同的CSS樣式，則后面的樣式會覆蓋前面的樣式。
當用戶對網頁進行交互時，比如點擊按鈕，展開下拉菜單等操作，DOM樹可能會發生變化，瀏覽器會根據CSS樣式進行重新繪制，以保證頁面的正確顯示。
在刷新網頁時，瀏覽器會將內存中保存的CSS樣式表進行重新解析，并重新構建DOM樹，然后根據CSS樣式重新渲染網頁。這意味著，在每次刷新網頁時，我們能夠看到最新的CSS樣式效果。