CSS疊加是指同一個元素上應用多個CSS規則時，這些規則的優先級如何計算以及如何應用。在CSS中，規則被分配優先級，并按照特定的規則計算應用。 在CSS中，有多個CSS規則可以在同一個元素上應用。有些規則是基于元素類型或類別而定義的，而其他規則則是基于ID或內聯樣式而定義的。為了處理這些規則，CSS使用了一種規則優先級系統。 規則優先級根據選擇器中使用的選擇器類型和選擇器的數量來計算。例如，使用ID選擇器比使用類選擇器具有更高的優先級，而使用偽元素選擇器比使用類選擇器具有更低的優先級。 在確定規則的優先級后，CSS將相同的規則應用到元素上。如果多個規則定義了相同的屬性，則CSS將合并這些規則并應用較高優先級的規則的屬性值。 例如，如果一個元素的背景顏色既在類選擇器中被定義，又在特定的id選擇器中定義，則CSS將應用ID選擇器中定義的顏色樣式，而忽略類選擇器中定義的顏色樣式。 以下是一個示例，其中多個規則應用于相同的元素，并演示了如何通過規則優先級確定哪些規則將被應用：

p {
color: blue;
}
#test {
color: red;
}
p {
font-weight: bold;
}
#test {
font-size: 20px;
}

在此示例中，`p`元素將被定義為藍色，并設置為加粗文本。然后，與ID“test”匹配的元素將以紅色顯示，并且具有比先前應用的所有其他規則更高的優先級。另一個`p`規則定義了加粗文本，而ID“test”規則定義了20像素的字體大小。因此，最終的元素將具有紅色文本，并以20像素顯示。 總之，CSS疊加使您可以在同一元素上應用多個規則，同時提供一種方法來確定哪些規則將采用，并告訴CSS如何合并相同屬性的值。通過了解規則優先級和如何應用相同規則，您可以更精確地控制頁面上的樣式，并確保規則的優先級運行按照您的預期進行。