84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
是不是和js或者是css优先级有关系，到底什么情况下会出现这种情况呢？
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
首先 js 是没有优先级的概念的，但是如果是同时对同一元素进行样式设置，那么后面的会覆盖前面。
js
css 是有优先级的，大致的顺序是 !important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 通配符 > 继承，但是由于浏览器不能识别 !important.
css
!important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 通配符 > 继承
!important
你这个一般情况是 css 中设置的样式的权重大于你这个 class 表示的权重。所以无法覆盖，但是通过 !important 就使它的优先级最高，于是就设置成功啦
class
审查一下元素是不是样式覆盖了
如果样式覆盖自然看不到，还有放置的顺序也有关系。
!important 慎用
css权重问题, 这个算法很蛋疼...包括单个时的权重, 包括组合时的权重...
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
首先
js是没有优先级的概念的，但是如果是同时对同一元素进行样式设置，那么后面的会覆盖前面。css是有优先级的，大致的顺序是!important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 通配符 > 继承，但是由于浏览器不能识别!important.你这个一般情况是
css中设置的样式的权重大于你这个class表示的权重。所以无法覆盖，但是通过!important就使它的优先级最高，于是就设置成功啦审查一下元素是不是样式覆盖了
如果样式覆盖自然看不到，还有放置的顺序也有关系。
!important 慎用
css权重问题, 这个算法很蛋疼...包括单个时的权重, 包括组合时的权重...