為什麼css的樣式不起作用

css樣式不起作用的原因：1、瀏覽器有快取；2、html標籤沒寫完整，漏了「」、「/」等；3、css語法出錯，例如寫錯屬性名、使用中文或全角符號；4、未關聯外部CSS樣式表或關聯路徑出錯；5、樣式表保存的編碼錯誤；6、樣式被層疊。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

1、瀏覽器快取問題

如果你重複檢查認為程式碼沒有問題，那麼可能是瀏覽器快取的問題。

如果在使用者之前已經造訪過系統，那麼瀏覽器中會快取該系統的CSS、JS，這些CSS、JS快取未過期之前，瀏覽器只會從快取中讀取CSS和JS，如果在伺服器上修改了css和js，那麼這些修改在使用者的瀏覽器中是不會有變化的。

解決方法：

瀏覽器的‘F12’元素審核，看看哪些樣式沒有應用上。

2、html標籤沒寫完整，漏了「」或「/」等

這是版面設計失效最常見的原因之一。當我們了解到這是多少精緻的版塊設計失效的罪魁禍首時，總是會大吃一驚。

3、css語法出錯

一般語法錯誤有：

1）、寫錯誤屬性名，屬性值不符合規範;

2）、以下符號使用了中文或全角符號：

，；｛｝：

#4、未關聯外部CSS樣式表或關聯路徑出錯

這是一個讓人很無語的錯誤，但我以前確實遇到過，辛苦寫好了代碼，發現一個樣式都沒有生效，傻乎乎地忙活了半天，最後居然發現自己忘了關聯外部樣式或路徑出錯，當時我的心情，真是。 。

如果你的樣式全部不生效，首先確認關聯了樣式表沒有，或者關聯的樣式位置、名字是否正確

<link rel="stylesheet" href="css/index.css"/>

5、樣式表保存的編碼錯誤

編碼格式問題

把CSS、HTML網頁檔案都統一儲存為UTF-8格式；即在頭標籤中加入

因為一般網頁裡採用UTF-8的編碼格式，而外部的CSS檔案預設的是ANSI的編碼格式，一般情況下是不會有問題。然而當CSS文件中包含中文註釋，就可能會出現問題。

6、樣式被層疊

看看你的css優先順序是否出現問題，優先順序高的會把低的覆蓋掉導致無法看到樣式；

本身設定了樣式，則從父級繼承來的樣式就不生效了；css樣式優先權排序：

!important > 行內樣式>ID選擇器> 類選擇器> 標籤>通配符> 繼承> 瀏覽器預設屬性(同優先權時，後面的層疊前面的樣式);

排查順序:

#（學習影片分享：css影片教學）

以上是為什麼css的樣式不起作用的詳細內容。更多資訊請關注PHP中文網其他相關文章！