持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第17天，点击查看活动详情
认识CSS的继承和层叠特性，会计算cSS的优先级和权重比较
继承性
子元素有默认继承父元素样式的特点（子承父业）
继承的常见属性：
- color
- font-style、font-weight、font-size、font-family
- text-indent、text-align
- line-height
可以通过调试工具判断样式是否可以继承
- 可以直接给ul设置 list-style:none 属性，从而去除列表默认的小圆点样式
- 直接给body标签设置统一的font-size，从而统一不同浏览器默认文字大小
继承失效的特殊情况
- a标签的color会继承失效
• 其实color属性继承下来了，但是被浏览器默认设置的样式给覆盖掉了 - h系列标签的font-size会继承失效
• 其实font-size属性继承下来了，但是被浏览器默认设置的样式给覆盖掉了 - div的高度不能继承，但是宽度有类似于继承的效果
• 宽度属性不能基继承，但是div有独占一行的特性
层叠性
- 给同一个标签设置不同的样式 → 此时样式会层叠叠加 → 会共同作用在标签上
- 给同一个标签设置相同的样式 → 此时样式会层叠覆盖 → 最终写在最后的样式会生效
优先级
不同选择器具有不同的优先级，优先级高的选择器样式会覆盖优先级低选择器样式
继承 < 通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式 < !important
- !important写在属性值的后面，分号的前面！
- !important不能提升继承的优先级，只要是继承优先级最低！
- 实际开发中不建议使用 !important 。
如果是复合选择器，此时需要通过权重叠加计算方法，判断最终哪个选择器优先级最高会生效
- 先比较第一级数字，如果比较出来了，之后的统统不看
- 如果第一级数字相同，此时再去比较第二级数字，如果比较出来了，之后的统统不看
- 如果最终所有数字都相同，表示优先级相同，则比较层叠性（谁写在下面，谁说了算!）
总结：
总结出CSS的三大特性，并学会判断为什么有些代码没有写错但不起作用，是必备的知识；
我也在不断的学习css中，加油，多思考，多总结。