选择标签的方式,不同的选择方式对应不同的选择器。
CSS选择器的类型
- 基本选择器
- 复合选择器
- 伪类选择器
基本选择器
- 通配符选择器 * 所有标签,全局/通用
- 标签选择器 指定标签
- class选择器 . 指定class属性的标签
- id选择器 # 指定class属性的标签
id命名规范:
- 字母、数字、下划线、连字符
- 只能以字母开头
- 严格区分大小写,见名知义
基本选择器权值
- 通配符选择器 0
- 标签选择器 1
- class选择器 10
- id选择器 100
- 行内样式 1000
权值大,属性相同,后来居上!
当优先级相同时,最后声明样式将覆盖前边的!
复合选择器
- 群主选择器 (几个选择器,进行相同操作,中间用","间隔)
- 后代/包含/派生选择器 (某标签后代的标签,只给后标签操作,中间用" "间隔)
伪类选择器(lvha)
不选择标签,选择状态,开头用":"。
- :link 未被访问
- :visited 访问后
- :hover 鼠标滑过时
- :active 点击时