層疊樣式表（Cascading Style Sheets，縮寫(xiě)為CSS）是一種樣式設(shè)定語(yǔ)言，定義了網(wǎng)頁(yè)的樣式和布局。CSS有許多特性，其中一個(gè)最重要的就是層疊（Cascading），它是CSS中非常重要的一個(gè)概念。

CSS中的層疊就是通過(guò)層疊表來(lái)實(shí)現(xiàn)的。層疊表是指在樣式中定義的樣式規(guī)則按照特定的次序進(jìn)行排列，最終將這些規(guī)則應(yīng)用到HTML文檔中的元素。這個(gè)次序是按照層疊優(yōu)先級(jí)的高低來(lái)確定的。

層疊優(yōu)先級(jí)的高低由三個(gè)因素決定：

1. 重要性：通過(guò)!important聲明的樣式總是具有最高的層疊優(yōu)先級(jí)；
2. 來(lái)源：內(nèi)聯(lián)樣式（寫(xiě)在元素標(biāo)簽的style屬性中）具有更高的優(yōu)先級(jí)，然后是文檔樣式表，最后是瀏覽器的默認(rèn)樣式；
3. 選擇器的特殊程度：簡(jiǎn)單選擇器（標(biāo)簽選擇器、類選擇器、ID選擇器）的優(yōu)先級(jí)低于組合選擇器（子選擇器、相鄰兄弟選擇器、通用兄弟選擇器），而后代選擇器的優(yōu)先級(jí)最低。

下面是一個(gè)例子，展示了層疊優(yōu)先級(jí)的不同：

p {
 color: red;
}
p.special {
 color: blue;
}
#paragraph {
 color: green !important;
}

對(duì)于一個(gè)

元素，如果它有一個(gè)special類，則它的顏色將是blue，而不是red，因?yàn)轭愡x擇器的優(yōu)先級(jí)高于標(biāo)簽選擇器。但是，如果這個(gè)

元素具有id="paragraph"，則它的顏色將是green，因?yàn)?important聲明的樣式具有最高的優(yōu)先級(jí)。