css样式不起作用,css不生效

css 样式不生效的原因

不生效的原因

专注于为中小企业提供成都网站制作、做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业汉阳免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上千企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

选择器写错

语法错误

选择器路径有误

出现很多这种状况，怕路径出错，就复制路径，一不小心就复制多了一个选择器，所以出现css不生效的原因。复制的问题小心，切记。

可能出现的原因：

在head中没有引用样式表

引用路径错误

css语法不正确

命名重复

属性选择不正确，没有弄清类选择和ID选择等属性选择的用法

css无效的常见原因：div 标签未关闭、不当的DOCTYPE声明、不良嵌套等等，如果你正在纠结此问题，不妨参考下本文

一、div 标签未关闭

这是版面设计失效的最常见原因之一。当我们了解到这是多少精致的版块设计失效的罪魁祸首时，总会大吃一惊。开启的div标签是最普遍的版块设计失误之一，也是最难诊断的失误之一。验证程序有时会指向错误的开启div标签，诊断时就像大海捞针一样麻烦。

二、不当的DOCTYPE声明

不声明DOCTYPE，或者在文件开始错误声明DOCTYPE，也是一个常见错误。根据一般经验，Strict DOCTYPE是大家追求的最高级验证。Strict validation表明你的网页能够在所有浏览器上都得到最佳展示。

三、结尾斜线

如果你的网站不能验证，很有可能是在代码的某个地方漏写了结尾斜线。我们很容易忽略结尾斜线之类的东西，特别是在image标签等元素中。

在严格的DOCTYPE中这是无效的。要在img标签结尾处加上“/”以解决此问题。

四、JavaScript

如果已经声明Strict DOCTYPE，就需要在JavaScript中覆盖CDATA标签。验证程序的这一方面难倒了很多程序员，因为网站倾向于为广告和追踪脚本使用嵌入的 JavaScript。

五、不良嵌套

嵌套就是元素里又包括元素，我们容易混淆嵌套元素的顺序。例如在div标签前启动strong标签，但又先关闭div标签。这可能不会改变版块布局，但却会使你的版块设计失效。

第一，可能你没引用该css

第二，可能你选择器的优先级不够

第三，可能被后面的css覆盖掉了

第四，可能是js动态改变了该css

第五，你没有进行底层刷新清除缓存样式

导致此问题有2种可能：

1、设置的样式被强替换，覆盖失效。要验证该问题可以在元素上右击，然后选择“查看元素”即可进入调试界面，在“样式”面板下会显示作用域的css属性及其值，未生效的样式代码也会以删除线标注出来；

2、浏览器设置问题，关闭了页面样式。开启路径：菜单-查看-页面样式，选择设置为“基本页面样式”即可。

这个在排除软件等问题的情况下有可能是你CSS里面的名字与HTML的名字不符，也可能是你没有将CSS引入HTML，如果你这个html页面里还引入了其他的css样式的话也可能是其他的样式与你想起作用的样式发生了冲突。

分享标题：css样式不起作用,css不生效
本文来源：http://ybzwz.com/article/hoeogc.html