級聯樣式表中的“級聯”是什麼意思？

級聯樣式表或CSS設置，以便您可以有許多屬性都影響相同的元素。 其中一些屬性可能會相互衝突。 例如，您可以在段落標記上設置紅色的字體顏色，然後在後面設置藍色的字體顏色。 瀏覽器如何知道製作段落的顏色？ 這是由級聯決定的。

樣式表的類型

有三種不同類型的樣式表：

1. 作者樣式表
   1. 這些是由網頁作者創建的樣式表。 他們是大多數人想到CSS樣式表時所想到的。
2. 用戶樣式表
   1. 用戶樣式表由網頁的用戶設置。 這些允許用戶更好地控制頁面的顯示方式。
3. 用戶代理樣式表
   1. 這些是Web瀏覽器應用於頁面以幫助顯示該頁面的樣式。 例如，在XHTML中，大多數可視用戶代理將標籤顯示為斜體文本。 這是在用戶代理樣式表中定義的。

在上述每個樣式表中定義的屬性都有一個權重。 默認情況下，作者樣式表的權重最大，其次是用戶樣式表，最後是用戶代理樣式表。 唯一的例外是用戶樣式表中的！重要規則。 這比作者的樣式表更重要。

級聯順序

為了解決衝突，Web瀏覽器使用以下排序順序來確定哪種樣式具有優先級並將被使用：

1. 首先，查找適用於有問題的元素的所有聲明以及指定的媒體類型。
2. 然後看看它來自哪種樣式表。 如上所述，作者樣式表先出現，然後是用戶，然後是用戶代理。 使用！重要的用戶樣式比作者！重要的樣式具有更高的優先級。
3. 選擇器越具體，它將獲得的優先級越高。 例如，“div.co p”上的樣式優先於“p”標籤上的樣式。
4. 最後，按照它們定義的順序對規則進行排序。 稍後在文檔樹中定義的規則優先於先前定義的規則。 導入樣式表中的規則在樣式表中直接在規則之前考慮。