在 Web 設計中，CSS （層疊樣式表）是一種用于控制頁面布局和樣式的技術。而對于學習和理解 CSS，最重要的概念就是“層疊”。 在 CSS 中，各個樣式規則可以按照特定的優先級進行層疊，形成最終的樣式表。這個層疊的過程不僅包含了規則的優先級，還涉及繼承、組合選擇器等多種因素。因此，了解層疊機制可以幫助我們更好地理解和掌握 CSS 技術。 CSS 中規定了一個樣式規則的優先級，包括以下幾個方面： 1. !important：使用 !important 修飾符可以將某個樣式規則的優先級提升到最高，即便其他規則的優先級更高，也會被覆蓋。但是，這個修飾符是應該謹慎使用的，因為它會打破層疊的機制，對頁面布局和可讀性會產生不良影響。 2. 行內樣式：在 HTML 標簽中直接定義樣式，也就是行內樣式，具有最高的優先級。這種方式的缺點是，難以維護和復用，也不符合 HTML 和 CSS 的分離原則。 3. ID 選擇器：用 # 符號定義的 ID 選擇器，比一般的元素選擇器和類選擇器優先級高些。但是，因為 ID 選擇器具有唯一性，建議只在頁面中使用較少的 ID 選擇器。 4. 類選擇器：用 . 符號定義的類選擇器，在同級別的元素選擇器中優先級較高。類選擇器可用于針對一組元素應用相同的樣式，具有良好的可讀性和維護性。 5. 元素選擇器：針對某一類 HTML 元素應用樣式，是 CSS 中最基本的選擇器。元素選擇器的優先級最低，在特定情況下可以通過其他方式提升優先級。 了解了層疊的基本優先級規則后，我們還需要注意以下兩個方面： 1. 繼承：有些樣式規則可以從父元素繼承到子元素，如 font-size、line-height 等。這些規則的繼承性使得我們可以以更簡單的方式定義樣式。 2. 選擇器組合：通過選擇器的組合和嵌套，可以更準確地選擇元素，并且能夠提升某些規則的優先級。常見的組合方式包括后代選擇器、子元素選擇器、相鄰兄弟選擇器和通用選擇器等。 總之，了解 CSS 的層疊機制是學習和掌握 CSS 技術的重要一步。掌握了這個概念，我們就可以通過更精細的樣式定義，打造出更美觀、優雅的網頁效果。

p { 
color: blue; 
} 
#header { 
background-color: gray; 
} 
.content { 
font-size: 16px; 
} 
ul li:first-child { 
font-weight: bold; 
} 
a:hover { 
text-decoration: underline; 
}