在進行網頁設計時，CSS樣式的設定是非常重要的一環。在CSS中，我們可以通過選擇器來選擇需要改變樣式的元素，但有時候會出現一個問題，即局部樣式改不了。

div#test {
color: red;
}
#test {
color: blue;
}

在上方的代碼中，我們對id為test的div元素進行了樣式設定，在第一段代碼中，使用了特定的選擇器div#test，表示對id為test的div進行樣式設計，并將字體顏色設置為紅色。而在第二段代碼中，我們只選擇了id為test的元素，并將字體顏色設置為藍色。此時，我們希望的是第二段代碼可以覆蓋第一段代碼的樣式，但實際情況卻是第一段代碼的樣式被保留下來，而第二段樣式沒有生效。

這是為什么呢？這是由CSS的層疊規則所引起的問題。簡單的說，層疊規則指的是多個CSS規則之間的優先級問題。比如，選擇器中包含了標簽，類和ID選擇器等，這些不同的選擇器擁有不同的權重，其中ID選擇器的權重是最高的，其次是類選擇器和屬性選擇器，最后是標簽選擇器。

因此，在上述代碼中，第一段代碼使用了id選擇器，其權重較高，所以第二段代碼并沒有覆蓋第一段代碼的樣式設定。

那么，如何解決這個問題呢？一種解決方法是使用!important關鍵字，將樣式設定為重要的樣式。除了屬于相同元素選擇器的樣式外，!important可以覆蓋任何其他樣式規則。但是，濫用!important關鍵字會導致樣式不可控，影響代碼可維護性。

另一種解決方法是通過優先級提高來解決。我們可以增加選擇器的權重，同時保證語義正確。例如，在第二段代碼中，我們可以增加div選擇器的權重，變成div#test選擇器。這樣，在實際連用情況中，選擇器的權重就比之前第一段代碼更高了。

div#test {
color: red;
}
div#test {
color: blue;
}

綜上，我們在使用CSS樣式設定時，必須充分了解CSS的層疊規則，并且要遵循語義化的原則，不濫用!important關鍵字。合理地設定選擇器的權重，可以有效地解決CSS局部樣式改不了的問題。