说一说样式优先级的规则是什么？
问题信息
-
扫描二维码，关注牛客网
- 意见反馈
-
下载牛客APP，随时随地刷题
扫一扫，把题目装进口袋
- 求职之前，先上牛客
-
扫描二维码，进入QQ群
扫描二维码，关注牛客公众号
- 公司地址：北京市朝阳区北苑路北美国际商务中心K2座一层-北京牛客科技有限公司
- 联系方式：010-60728802 投诉举报电话：010-57596212（朝阳人力社保局）
- 牛客科技© All rights reserved admin@nowcoder.com
- 京ICP备14055008号-4 增值电信业务经营许可证 营业执照 人力资源服务许可证
-
京公网安备
11010502036488号
得分点
!important、行内样式、嵌入样式、外链样式、id选择器、类选择器、标签选择器、复合选择器、通配符、继承样式参考答案
标准回答
CSS样式的优先级应该分成四大类
第一类
!important，无论引入方式是什么，选择器是什么，它的优先级都是最高的。第二类引入方式，行内样式的优先级要高于嵌入和外链，嵌入和外链如果使用的选择器相同就看他们在页面中插入的顺序，在后面插入的会覆盖前面的。
第三类选择器，选择器优先级：id选择器>（类选择器 | 伪类选择器 | 属性选择器 ）> （后代选择器 | 伪元素选择器 ）> （子选择器 | 相邻选择器） > 通配符选择器 。
第四类继承样式，是所有样式中优先级比较低的。
第五类浏览器默认样式优先级最低。
加分回答
使用!important要谨慎
!important!important!important!important优先级的比较指的是相同的样式属性，不同样式属性优先级比较失效，比如：在设置
max-width时注意，已经给元素的max-width设置了!important但是还不生效，很有可能就是被width覆盖了举例：
div最终的宽度还是200pxdiv { max-width: 400px !important; height: 200px;background-color: tomato; width: 200px; }延伸阅读
选择器符号举例