CSS 选择器规定了 CSS 规则会被应用到哪些元素上 。
备注: 暂时没有能够选择 父元素、父元素的同级元素,或 父元素的同级元素的子元素 的选择器或者组合器。
一、基本选择器
1、通用选择器:选择所有元素。(可选)可以将其限制为特定的名称空间或所有名称空间。
通用选择器 | 例子 | 例子描述 |
---|---|---|
* | * | 选择所有节点 |
2、元素选择器:按照给定的节点名称,选择所有匹配的元素。
元素选择器 | 例子 | 例子描述 |
---|---|---|
element | p | 选择所有 p 节点 |
3、类选择器:按照给定的 class 属性的值,选择所有匹配的元素。
类选择器 | 例子 | 例子描述 |
---|---|---|
.class | .intro | 选择 class=“intro” 的所有节点 |
4、ID选择器:按照 id 属性选择一个与之匹配的元素。需要注意的是,一个文档中,每个 ID 属性都应当是唯一的。
ID选择器 | 例子 | 例子描述 |
---|---|---|
#id | #fistname | 选择 id=“firstname” |
5、属性选择器:按照给定的属性,选择所有匹配的元素。
属性选择器 | 例子 | 例子描述 |
---|---|---|
[attribute] | [target] | 选择带有 target 属性的所有节点 |
[attribute=value] |