本文介绍了前端CSS中的三大基本特性：继承性、层叠性和优先级。优先级公式为：继承 < 通配符 < 标签 < 类 < id < 行内样式 < !important。开发者应注意避免使用!important，而是通过计算选择器权重来解决冲突。继承性允许子元素继承父元素的部分样式，如颜色、字体等，减少了代码量。层叠性决定了当相同或不同样式应用于同一标签时，哪些样式生效，通常是最后定义的样式生效。
#博学谷IT学习技术支持#
一、学习目标：目标：能认识不同选择器的 优先级 公式，能够进行 CSS 权重叠加计算，分析并解决CSS 冲突问题
二、三大特性：继承性、层叠性、优先级
三、优先级
特性：不同选择器具有不同的优先级，优先级高的选择器样式会覆盖优先级低选择器样式
优先级公式： 继承 < 通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式 < !important
注意点： 1. !important写在属性值的后面，分号的前面！
2. !important不能提升继承的优先级，只要是继承优先级最低！
3. 实际开发中不建议使用 !important 。
注：如果是复合选择器，此时需要通过权重叠加计算方法，判断最终哪个选择器优先级最高会生效
比较规则： 1. 先比较第一级数字，如果比较出来了，之后的统统不看 2. 如果第一级数字相同，此时再去比较第二级数字，如果比较出来了，之后的统统不看 3. …… 4. 如果最终所有数字都相同，表示优先级相同，则比较层叠性（谁写在下面，谁说了算!） ➢ 注意点：!important如果不是继承，则权重最高，天下第一！
权重计算题解题步骤： 1. 先判断选择器是否能直接选中标签，如果不能直接选中 → 是继承&
最低0.47元/天 解锁文章
扫一扫
688
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
