前端基础CSS之CSS继承性、CSS层叠性和优先级

CSS继承性

• 作用：父元素的属性，子元素也可以用

• 可继承的属性：有color / font / text / line的属性都可以继承

• 不可继承的属性：a标签的颜色和下划线不能继承，h标签的文字大小不能继承

• 应用场景：设置整个网页具有共性的属性，如文字的字体和大小等信息

CSS层叠性

• 利用不同的选择器给同一个标签设置相同的属性时，“后设置”的会先覆盖“先设置”的属性，这里根据优先级来覆盖

• CSS全称：Cascading StyleSheet (层叠样式表)

优先级

• 层叠优先级：id>class>标签>通配符>继承>浏览器默认

• 提升优先级：属性名：属性值 ！important；将属性提升到最高优先级（只能用于直接选中的属性）

• 权重问题：多选择器混合选择时，利用优先级进行选择器个数相加计算权重