CSS（層疊樣式表）的疊加是指當多個選擇器應用于同一元素時，它們的樣式將以一定的優先級進行疊加。在疊加中，誰在上面往往會決定元素最終的樣式。下面來詳細了解一下。 疊加規則 在CSS中，樣式表的優先級是按照以下順序疊加的： 1. 最后定義的樣式優先級最高。也就是說，如果一個元素既有內聯樣式，又有外部樣式表定義的樣式，則內聯樣式將覆蓋外部樣式表的定義。 2. 屬性選擇器比元素選擇器優先級高。例如，p.class比只有p的樣式具有更高的優先級。 3. ID選擇器比類選擇器優先級高。例如，#id比.class具有更高的優先級。 4. !important優先級最高。該關鍵字可以用于在定義樣式時覆蓋其他樣式。 示例代碼 下面的示例代碼將展示如何使用CSS疊加規則：

p {
color: blue;
}
#myParagraph {
color: red;
}
.greenText {
color: green;
}
p.greenText {
color: purple !important;
}

在上面的代碼中，p元素的基礎顏色是藍色。但是，如果某個元素的ID為“myParagraph”，那么它將以紅色顯示，因為ID優先級比元素選擇器高。此外，如果某個元素具有類“greenText”，那么它將以綠色顯示，因為類選擇器比元素選擇器低。最后，如果某個元素既是p元素又有類“greenText”，則它將以紫色顯示，因為!important規則覆蓋了其他的規則。 總結 在使用CSS時，您需要了解樣式表的優先級順序，并在需要時注意樣式疊加。正確地應用CSS的疊加規則可以使您的網站樣式更有邏輯性和可維護性，以及更加靈活和易于修改。