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

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

它代表什麼意思?

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

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

它考慮到了:

  • 特定性
  • 重要性
  • 繼承
  • 檔案中的順序

它還負責解決衝突。

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

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

然後進行您的CSS。

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

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