CSS層疊

了解CSS層疊的意義及其重要性

層疊是CSS的一個基本概念。畢竟，它在名字中就有了，CSS的第一個C - Cascading Style Sheets（層疊樣式表），它一定是一件重要的事情。

它代表什麼意思？

層疊是指確定應用於頁面上每個元素的屬性的過程或算法。

試圖從定義在各個位置的CSS規則列表中匯總。

它考慮到了：

它還負責解決衝突。

對於應用於同一元素的相同屬性的兩個或更多競爭CSS規則，需要根據CSS規範進行進一步處理，以確定應該應用哪個規則。

即使您只有一個CSS文件在頁面上加載，仍然有其他CSS會參與到此過程中。我們有瀏覽器（user agent）的CSS。瀏覽器有一套預設規則，各個瀏覽器之間都不相同。

然後進行您的CSS。

然後瀏覽器應用任何用戶樣式表，這可能也是由瀏覽器擴展應用的。

所有這些規則在渲染頁面時都會參與其中。

tags: [“CSS”, “Cascading Style Sheets”, “層疊”, “specificity”, “importance”, “inheritance”, “order”]