前端笔记之CSS进阶 - CSS特性

1、继承性

• 特性：子元素继承父元素样式的特点（子承父业）
• 可以继承的常见属性（文字控制属性都可以继承）
  • color
  • font-style、font-weight、font-size、font-family
  • text-indent、text-align
  • line-height
  • ......
• 注意点：
  • 可以通过调试工具判断样式是否可以继承
• 继承失效的特殊情况
  • 如果元素有浏览器默认样式，此时继承性依然存在，但是
    • a标签的color会继承失败
    • h系列标签的font-size会继承失败

2、层叠性

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