- 标签指定选择器(交集选择器)
核心概念
又称交集选择器,由两个选择器直接拼接而成,用于精准定位「同时满足两个条件」的元素。
- 第一个必须是标签选择器(指定元素类型)
- 第二个是 class 类选择器或 id 选择器(指定元素的类名/ID)
- 两个选择器之间不能有空格,直接相连
- 后代选择器
核心概念
用于选择元素或元素组的后代元素,通过空格分隔外层选择器和内层选择器,层级嵌套时非常常用。
- 外层标记写在前面,内层标记写在后面,中间用空格分隔
- 内层标记只要是外层标记的后代(无论直接子元素还是嵌套多层的元素),都会被选中
- 并集选择器
核心概念
多个选择器通过逗号 , 连接而成,用于给多个不同的选择器设置相同的样式规则,简化重复代码。
- 任何形式的选择器(标签、类、ID、后代选择器等)都可以作为并集选择器的一部分
- 可以一次性给多个元素定义相同样式,减少冗余代码
