了解CSS層疊的意義及其重要性
層疊是CSS的一個基本概念。畢竟,它在名字中就有了,CSS的第一個C - Cascading Style Sheets(層疊樣式表),它一定是一件重要的事情。
它代表什麼意思?
層疊是指確定應用於頁面上每個元素的屬性的過程或算法。
試圖從定義在各個位置的CSS規則列表中匯總。
它考慮到了:
- 特定性
- 重要性
- 繼承
- 檔案中的順序
它還負責解決衝突。
對於應用於同一元素的相同屬性的兩個或更多競爭CSS規則,需要根據CSS規範進行進一步處理,以確定應該應用哪個規則。
即使您只有一個CSS文件在頁面上加載,仍然有其他CSS會參與到此過程中。我們有瀏覽器(user agent)的CSS。瀏覽器有一套預設規則,各個瀏覽器之間都不相同。
然後進行您的CSS。
然後瀏覽器應用任何用戶樣式表,這可能也是由瀏覽器擴展應用的。
所有這些規則在渲染頁面時都會參與其中。