有時候我們會遇到這樣的問題，明明在CSS中改了頁面的樣式，但是頁面展示出來卻沒有改變。這可能是由以下幾個原因造成的。

/*1、CSS被緩存*/
如果瀏覽器中的緩存沒有及時更新，即使你修改了CSS代碼，也無法觸發瀏覽器的重新請求。
解決方法：可以在控制臺中強制刷新，或者在開發測試網站時，可以在Chrome的設置中打開 Disable cache （不緩存資源）選項； 
/*2、CSS權重被覆蓋*/
當一個選擇器與另一個選擇器具有相同的特殊性、相同的層疊等級和優先級時，后者將覆蓋前者的樣式。因此，如果某個 CSS 樣式被一個更具體的樣式所覆蓋，那么樣式就不會被應用。
解決方法：查看樣式是否被同名或同類別的元素的樣式所覆蓋，或者提高權重來覆蓋前一個樣式； 
/*3、CSS語法錯誤*/
如果CSS代碼存在語法錯誤，就會影響整個樣式表的解析，導致樣式不生效。
解決方法：檢查CSS語法，如標簽和括號的匹配問題； 
/*4、選擇器與HTML元素不匹配*/
有時候，選擇器的名稱可能與 HTML 元素名稱不匹配，這種情況下樣式也不會被應用。
解決方法：檢查選擇器是否定義正確，是否選對了HTML元素； 
/*5、CSS繼承性*/
某些樣式不能被繼承，所以即使你更新了父級元素的樣式，它的子元素并不會受到影響。
解決方法：檢查所修改的樣式是否具有繼承性，如果有，則可以在子元素上覆蓋該樣式；

解決上述問題，相信會讓你的CSS樣式展現出預期的效果。