為什麼css不起作用

css不起作用的原因是：1、html標籤沒寫完整，漏了「」或「/」等；2、樣式表儲存的編碼錯誤；3、樣式被層疊；4、CSS語法錯誤；5、選擇器寫錯。

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

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

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

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

如果懷疑CSS表的編碼錯誤，可以直接將css檔案以utf-8的編碼另存一下文件就可以了。

三、樣式被層疊

如果是層疊導致的話，則需要提高樣式的優先權。

常用的方法有：往選擇器中加入元素，提高其特指度，或是在樣式分號前空格加!important，如下：

background-color: pink !important;

四、CSS語法錯誤

以Google瀏覽器的開發者工具為例，一般語法錯誤會顯示為該樣式被劃去，樣式左側有圖示提示，滑鼠移入會顯示英文提示。如下圖所示：

一般語法錯誤有：

#1、寫錯屬性名，屬性值不符合規範；

# 2.以下符號使用了中文或全角符號：

，；｛｝：

五、選擇器寫錯

寫後代子代選擇等，涉及多個標籤，類別名稱、id等，子選擇器的順序、名字等寫錯了，都可能導致出錯；

html裡的標籤忘記寫類別名稱、id了，而選擇器用了這些漏寫的類別名稱、id等，樣式自然不會生效。

後代選擇器有沒有寫上空格；

像div.box{} 這類選擇器會不會寫成了div .box{}，也就是多寫了一個空格

推薦學習：css影片教學

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