瀏覽器解析 CSS 時的順序如下：

1. 解析 CSS 文件：瀏覽器首先會解析 CSS 文件，將其中的 CSS 樣式表內容解析為一些變量，如 $name、$id、$class 等，這些變量可以用來存儲和訪問樣式信息。

2. 建立 CSS 樣式表：瀏覽器接著會建立 CSS 樣式表，該樣式表包含所有需要的樣式信息，如顏色、字體、大小、位置等，以及所有的 JavaScript 樣式，如 元素的樣式等。

3. 渲染頁面：一旦瀏覽器建立了 CSS 樣式表，它就會開始渲染頁面。在渲染過程中，瀏覽器會根據 CSS 樣式表中的規則，將樣式信息應用到頁面上的所有元素中。這個過程包括將變量應用到元素中，以及將元素的定位、邊框、背景等樣式信息設置為值。

4. 處理樣式沖突：在 CSS 樣式表中，有些元素可能會與其他元素具有相同的樣式信息。瀏覽器會嘗試將這些樣式信息匹配到不同的元素上，以避免出現沖突。這個過程包括將沖突的元素標記為需要特殊處理，以及將沖突的樣式信息設置為只讀或隱藏。

5. 執行 JavaScript 樣式：在完成渲染后，瀏覽器會開始執行 JavaScript 樣式。這些樣式是由 JavaScript 中的樣式函數和內置樣式函數執行的，如 document.getElementById("myId").style.color = "red"; 將紅色填充元素的背景顏色。

瀏覽器解析 CSS 的順序是一個復雜的過程，其中包含了許多步驟。這些步驟旨在將樣式信息應用到頁面上，使頁面具有所需的外觀和功能。了解瀏覽器解析 CSS 時的順序，可以幫助我們更好地設計和布局網頁，并確保樣式信息的正確性和一致性。