CSS 选择器
CSS 选择器规定了 CSS 规则会被应用到哪些元素上。
备注: 暂时没有能够选择 父元素、父元素的同级元素,或 父元素的同级元素的子元素 的选择器或者组合器。
基本选择器
- 通用选择器
-
选择所有元素。(可选)可以将其限制为特定的名称空间或所有名称空间。
语法:
*
ns|*
*|*
例子:
*
将匹配文档的所有元素。 - 元素选择器
-
按照给定的节点名称,选择所有匹配的元素。
语法:
elementname
例子:
input
匹配任何<input>
元素。 - 类选择器
-
按照给定的
class
属性的值,选择所有匹配的元素。语法:
.classname
例子:
.index
匹配任何class
属性中含有 "index" 类的元素。 - ID 选择器
-
按照
id
属性选择一个与之匹配的元素。需要注意的是,一个文档中,每个 ID 属性都应当是唯一的。语法:
#idname
例子:
#toc
匹配 ID 为 "toc" 的元素。 - 属性选择器
-
按照给定的属性,选择所有匹配的元素。
语法:
[attr]
[attr=value]
[attr~=value]
[attr|=value]
[attr^=value]
[attr$=value]
[attr*=value]
例子:
[autoplay]
选择所有具有autoplay
属性的元素(不论这个属性的值是什么)。
分组选择器(Grouping selector)
组合器(Combinator)
伪选择器(Pseudo)
规范
Specification |
---|
Selectors Level 4 |