1、## 继承
定义:一些样式给父元素设置后,其后代元素也会继承父类的样式,这就叫做继承性。
关于盒子的属性(宽,高,padding,margin),定位,布局的属性,都不能被继承
2、层叠
如果一个标签被多个选择器中,同时这多个选择器又为它设置了
冲突的样式`,那么我们需要计算这些选择器的权重,决定最终的显示样式。
计算权重
同一个样式表不同的选择器,权重大小:
1、比较选择器的数量,先比较ID选择器数量,ID选择器数量相同的话,再比较类选择器的数量,类选择器的数量相同的话,再比较标签选择器。
2、对于相同的样式表,选择器的优先级为:ID选择器 > 类选择器 >标签选择器
3、权重相同时,比较书写的顺序,后面的会覆盖前面的样式。
总结:
- 如果样式存在与不同的样式表。行内样式表的权重最高,再比较内嵌式与外联式的书写顺序。
- 同一样式表中,数基础选择器的数量
- ID选择器数量多的权重高
- ID选择器数量相同,再看类选择器的数量,谁多谁的权重高
- 类选择器的数量也相同,比较标签选择器。
- 如果标签选择器的数量也相同,则比较书写顺序。
- 通配符的权重对标签选择器的权重要低,比继承过来的要高。
important
属性:属性值 !important;
加上这句话后,该样式的权重就会变为最高。