如果你的样式全部不生效，首先确认关联了样式表没有，或者关联的样式位置、名字是否正确
1 |
|
5、样式表保存的编码错误
编码格式问题
把CSS、HTML网页文件都统一保存为UTF-8格式；即在头标签中添加<meta charset="UTF-8">
因为 一般网页里采用UTF-8的编码格式，而外部的CSS文件默认的是ANSI的编码格式，一般情况下是不会有问题。然而当CSS文件中包含中文注释，就可能会出现问题。
6、样式被层叠
看看你的css优先级是否出现问题，优先级高的会把低的覆盖掉导致无法看到样式；
本身设置了样式，则从父级继承来的样式就不生效了；css样式优先级排序：
!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性(同优先级时，后面的层叠前面的样式)；
排查顺序:
（学习视频分享：css视频教程）
以上就是为什么css的样式不起作用的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
