在編寫網(wǎng)頁時(shí)，CSS樣式表可以非常方便地控制網(wǎng)頁的外部樣式，包括字體、顏色、邊框等等。但是，有時(shí)候我們可能會(huì)不小心覆蓋了某些原來的樣式，導(dǎo)致網(wǎng)頁出現(xiàn)了一些奇奇怪怪的問題。

比如，你想讓一個(gè)段落的文字變成紅色，于是你寫了下面這一段CSS代碼：

p {
color: red;
}

然而，你在另外一個(gè)地方又想讓段落文字變成藍(lán)色。于是，你寫了下面這一段CSS代碼：

p {
color: blue;
}

但是，當(dāng)你打開網(wǎng)頁時(shí)，你發(fā)現(xiàn)所有的段落文字都變成了藍(lán)色。這是為什么呢？

原因是，第二段CSS代碼覆蓋了第一段CSS代碼。雖然第一段代碼寫在了前面，但是第二段代碼的權(quán)重更高，所以最終生效的是第二段代碼。

為了避免這種問題，我們需要給每個(gè)元素都賦予不同的類名或ID，然后在CSS樣式表中針對(duì)不同的類名或ID編寫代碼。這樣，即使出現(xiàn)了相同的屬性，也不會(huì)互相影響。

下面是一個(gè)正確的例子：

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

在HTML代碼中，我們可以這樣寫：

<p class="red">這段文字是紅色的</p>
<p class="blue">這段文字是藍(lán)色的</p>

這樣，我們就可以精確地控制每個(gè)元素的外部樣式，避免不小心覆蓋的問題。