CSS 记载
CSS优先级
是通过一个权重值来决定的,这个权重值由以下几个部分组成:
- 内联样式:直接写在HTML元素的
style
属性中,权重最高。 - ID选择器:权重值为100。
- 类选择器、属性选择器和伪类:权重值为10。
- 元素选择器和伪元素:权重值为1。
- 通用选择器(*):权重值为0。
- 权重高的规则优先:权重高的规则会覆盖权重低的规则。
- 权重相同的规则后覆盖前:如果权重相同,后面的规则会覆盖前面的规则。
关系选择器
- 后代选择器
- 语法E F{}
- 作用域:E元素下所有的F元素都生效
- 了代选择器
- 语法E>F{}
- 作用域:E元素下的所有直接子元素生效,对更深一层的不起作用
- 相邻兄弟选择器
- 语法E+F{}
- 作用域:选择紧跟E元素后的F元素生效.只能往下找第一个.
- 通用兄弟选择器
- 语法E~F{}
- 作用域:E元素之后的所有兄弟元素F.往下找所有F元素.