CSS的三大特性

124 阅读1分钟

CSS三大特性

  • CSS具有哪三大特性
  • 能够说出不同选择器的优先级公式
  • 能够说出权重叠加方法

image.png

继承性:

子承父业:子元素会默认继承父元素的样式

image.png

继承性的应用:

1. 去除无序列表的小圆点

2. 统一不同浏览器默认文字大小(谷歌浏览器默认文字大小:16px)

继承性失效情况:(有默认样式优先浏览器的默认样式)

1.a标签的color会继承失效

2.h标签的font-size会继承失效

3.div标签的高度不能继承,但是宽度有类似于继承的效果

层叠性:

image.png

优先级:

权重叠加方法:

场景:针对复合选择器,通过权重叠加计算方法,判断最终哪个选择器优先级最高生效

步骤:
1.先判断选择器是否直接选中标签,如果不能直接选中——是继承性,优先级最低---直接pass

image.png