首頁  >  文章  >  web前端  >  css不生效是什麼原因

css不生效是什麼原因

coldplay.xixi
coldplay.xixi原創
2021-04-16 16:23:526804瀏覽

css不生效的原因:1、html標籤沒寫完整,漏了「」或「/」等;2、樣式表儲存的編碼錯誤;3、樣式被層疊;4、CSS語法錯誤;5、選擇器寫錯。

css不生效是什麼原因

本教學操作環境:windows7系統、css3版,DELL G3電腦。

css不生效的原因:

一、html標籤沒寫完整,漏了“”或“/”等等

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

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

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

三、樣式被層疊

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

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

background-color: pink !important;

四、CSS語法錯誤

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

css不生效是什麼原因

一般語法錯誤有:

#1、寫錯屬性名,屬性值不符合規範;

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

,;{}:

五、選擇器寫錯

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

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

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

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

相關教學推薦:CSS影片教學

#

以上是css不生效是什麼原因的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn