CSS是用于使網頁變得漂亮、易于閱讀、易于導航的語言。但是在使用CSS時經常會發生樣式覆蓋的情況，此時我們需要了解為什么會發生這種情況以及如何避免它。以下是CSS樣式覆蓋的原因：

1.權重問題：當樣式沖突時，權重將成為解決覆蓋問題的關鍵因素。使用權重的方式是對每個選擇器分配一個權重值，然后選擇具有最高權重的選擇器
	2.CSS排列：如果兩個選擇器權重值相等，則使用最后聲明的規則，也就是說后聲明的會覆蓋前面聲明的
	3.嵌套：當您應用了嵌套規則時，父元素樣式將覆蓋子元素樣式
	4.優先級：選擇器當前的位置或級別也將影響優先級，除此之外，選擇器的順序也會影響優先級。

如此，我們可以理解為什么有時會出現CSS樣式有所不同的情況，而且為避免這種情況，我們應該采取以下方法：

1.按照權重規則為每個選擇器設置權重值，只有在沒有其它權重值時的較小的權重值使用！important;
	2.在樣式表中，最好將最近的樣式聲明放在頂部，這樣可以避免將新樣式與現有樣式產生相互沖突。
	3.簡化CSS代碼，避免過多的嵌套與選擇器。

總之，了解了這些規則，就可以更好的避免CSS樣式沖突問題。