为什么css的样式不起作用(2)-木庄网络博客

2022-04-07 01:19:10 PHP中文网 JavaScript 百度已收录

如果你的样式全部不生效，首先确认关联了样式表没有，或者关联的样式位置、名字是否正确

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

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 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者