當(dāng)我們?cè)陂_發(fā)網(wǎng)頁(yè)時(shí)，經(jīng)常會(huì)用到CSS樣式，但有時(shí)我們會(huì)發(fā)現(xiàn)某些樣式不起作用，可能是因?yàn)闃邮奖黄渌麡邮礁采w了。那么，CSS樣式中的覆蓋規(guī)則是怎樣的呢？

樣式表按如下順序覆蓋規(guī)則：
1. 瀏覽器預(yù)設(shè)的樣式；
2. 外部樣式表文件或嵌入的樣式表在頁(yè)面頭部；
3. 內(nèi)部樣式表（位于HTML頭部）；
4. 內(nèi)聯(lián)樣式（在HTML元素內(nèi)部）。
如果同一個(gè)標(biāo)簽擁有多個(gè)樣式，按照css的就近原則就是后面的樣式會(huì)覆蓋前面的樣式。例如：

p {
color: red;
font-size: 16px;
}
p {
color: blue;
}

上例中，p標(biāo)簽的字體大小會(huì)是16px，但顏色會(huì)變成藍(lán)色。因?yàn)楹竺娴臉邮奖砀采w了前面的樣式表。

但如果想覆蓋掉已經(jīng)存在的樣式，可以使用!important。例如：

p {
color: red !important;
}
p {
color: blue;
}

上例中，p標(biāo)簽的顏色會(huì)強(qiáng)制覆蓋為紅色，無(wú)論后面的樣式表是什么。

因此，在書寫CSS樣式時(shí)，不僅要注意樣式的選擇器和書寫方式，還要注意樣式的層疊順序和優(yōu)先級(jí)，以免導(dǎo)致樣式被覆蓋而不起作用。