一、继承性
1.特性：子元素有默认继承父元素样式的特点（子承父业）
2.
可以继承的常见属性(
文字控制属性都可以继承
)
（1）颜色：color
（2）字体样式：font-style、font-weight、font-size、font-family
（3）居中：text-indent、text-align
（4） 行高：line-height
（5）可以通过调试工具判断样式是否可以继承……
3.好处：可以在一定程度上减少代码
4.
常见应用场景：
（1）可以直接给ul设置 list-style:none 属性，从而去除列表默认的小圆点样式
（2）直接给body标签设置统一的font-size，从而统一不同浏览器默认文字大小
5.继承失效的情况
（1）如果元素有浏览器默认样式，此时继承性依然存在，但是优先显示浏览器的默认样式 ，a标签的color会继承失效 。但
其实color属性继承下来了，但是被浏览器默认设置的样式给覆盖掉了
（2）h系列标签的font-size会继承失效 ，
其实font-size属性继承下来了，但是被浏览器默认设置的样式给覆盖掉了
二、层叠性
1.特性：
（1）给同一个标签设置不同的样式 → 此时样式会层叠叠加 → 会共同作用在标签上
（2） 给同一个标签设置相同的样式 → 此时样式会层叠覆盖 → 最终写在最后的样式会生效
2.注意点：
当样式冲突时，只有当选择器优先级相同时，才能通过层叠性判断结果
三、优先级
1.特性：不同选择器具有不同的优先级，优先级高的选择器样式会覆盖优先级低选择器样式
2.优先级公式：
继承 < 通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式 < !important
3.注意点：
（1）!important写在属性值的后面，分号的前面！
（2）!important不能提升继承的优先级，
只要是继承优先级最低！
（3）实际开发中不建议使用 !important 。
权重的叠加计算
1.
场景：如果是复合选择器，此时需要通过权重叠加计算方法，判断最终哪个选择器优先级最高会生效
2.权重叠加计算公式：（每一级之间不存在进位）
3.
比较规则：
（1）先比较第一级数字，如果比较出来了，之后的统统不看
（2）如果第一级数字相同，此时再去比较第二级数字，如果比较出来了，之后的统统不看
（3） 如果最终所有数字都相同，表示优先级相同，则比较层叠性（谁写在下面，谁说了算!）
（4）!important如果不是继承，则权重最高，天下第一！
版权声明：本文为qq_50260510原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。