CSS（Cascading Style Sheets）樣表，是一種用來定義HTML（Hypertext Markup Language）文檔的呈現方式的語言。它使得我們可以通過一系列的規則來改變文本、圖像等元素的樣式。有一種CSS的重要概念就是樣表層疊性。

CSS樣表層疊性，指的是在多個樣式規則作用于同一元素時，瀏覽器會按照一定的優先級順序將它們進行層疊。這個層疊順序是按照權重從高到低的順序來進行的。

首先，我們來看一下影響CSS層疊性的因素：

!important 優先級最高
內聯樣式（style屬性） 權重值為1000
ID選擇器 權重值為100
類選擇器、屬性選擇器、偽類選擇器 權重值為10
元素選擇器、偽元素選擇器 權重值為1
通用選擇器、組合選擇器 權重值為0

當多個樣式規則作用于同一元素時，根據此權重值，會選擇具備最高優先級的樣式規則應用于元素上。如果優先級相同，則后定義的樣式規則覆蓋之前定義的。

為了更好地理解樣式層疊性的應用，我們來看一個簡單的例子。假設有如下HTML代碼：

<div class="box">Hello World!</div>

然后，我們定義了以下兩個CSS樣式規則：

.box {
color: red;
}
.box {
color: blue;
}

那么，最終呈現的文字顏色是藍色，因為后面定義的樣式規則優先級更高，覆蓋了前面的樣式規則。

總之，了解CSS樣表層疊性是非常重要的，因為它可以幫助我們更好地控制并改變HTML元素的外觀。同時，我們也需要注意合理地應用樣式規則，避免出現樣式未達到預期的情況。