文章目录
继承、选择器的权重、长度单位及颜色
1. 样式的继承
概念
在为一个元素设置样式时,该样式也会应用到该元素的后代元素里。
目的
继承是发生在祖先和后代元素之间的,为了方便开发,可以将一些通用的样式统一设计到共同的祖先元素里,只需要设置一次,就可以让所有元素都具备该样式。
注:并不是所有样式都会被继承,背景、布局相关的样式并不会被继承(zeal中可查询),如:background-color
样式 不会被继承
2.选择器的权重/优先级
样式冲突
当通过不同的选择器选中同一元素,并为相同的样式设置不同的值,就会发生样式冲突。
选择器权重
当发生样式冲突时,网页显示哪个样式由选择器的权重决定
选择器 | 权重 |
---|---|
内联样式 | 1,0,0,0 |
id选择器 | 0,1,0,0 |
类和伪类选择器 | 0,0,1,0 |
元素选择器 | 0,0,0,1 |