CSS三大特性之2、层叠性

一、CSS 三大特性

目标：能认识不同选择器的 优先级 公式，能够进行 CSS 权重叠加计算，分析并解决CSS 冲突问题
学习路径：

1. 继承性

2. 层叠性

2.1 层叠性的介绍

➢ 特性：

1. 给同一个标签设置不同的样式 → 此时样式会层叠叠加 → 会共同作用在标签上
2. 给同一个标签设置相同的样式 → 此时样式会层叠覆盖 → 最终写在最后的样式会生效
   ➢ 注意点：
3. 当样式冲突时，只有当选择器优先级相同时，才能通过层叠性判断结果

2.2 小结

➢ 如果给同一个标签设置了相同的属性，此时样式会？
• 会层叠覆盖，写在最后的会生效
➢ 如果给同一个标签设置了不同的样式，此时样式会？
• 会层叠叠加，共同作用在标签上

3. 优先级