扫码关注官方订阅号
是不是和js或者是css优先级有关系,到底什么情况下会出现这种情况呢?
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...
首先 js 是没有优先级的概念的,但是如果是同时对同一元素进行样式设置,那么后面的会覆盖前面。
js
css 是有优先级的,大致的顺序是 !important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 通配符 > 继承,但是由于浏览器不能识别 !important.
css
!important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 通配符 > 继承
!important
你这个一般情况是 css 中设置的样式的权重大于你这个 class 表示的权重。所以无法覆盖,但是通过 !important 就使它的优先级最高,于是就设置成功啦
class
审查一下元素是不是样式覆盖了
如果样式覆盖自然看不到,还有放置的顺序也有关系。
!important 慎用
css权重问题, 这个算法很蛋疼...包括单个时的权重, 包括组合时的权重...
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
首先
js是没有优先级的概念的,但是如果是同时对同一元素进行样式设置,那么后面的会覆盖前面。css是有优先级的,大致的顺序是!important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 通配符 > 继承,但是由于浏览器不能识别!important.你这个一般情况是
css中设置的样式的权重大于你这个class表示的权重。所以无法覆盖,但是通过!important就使它的优先级最高,于是就设置成功啦审查一下元素是不是样式覆盖了
如果样式覆盖自然看不到,还有放置的顺序也有关系。
!important 慎用
css权重问题, 这个算法很蛋疼...包括单个时的权重, 包括组合时的权重...