选择器 | 示例 | 示例说明 | css | 备注 |
.clss | .box | 选择所有class="box"的元素 | 1 | |
#id | #box1 | 选择所有id="box1"的元素 | 1 | |
* | * | 选择所有元素 | 2 | |
element | p | 选择所有<p>元素 | 1 | |
element,element | div,p | 选择所有<div>元素和<p>元素 | 1 | |
element element | div p | 选择<div>元素内的所有<p>元素 | 1 | |
element>element | div>p | 选择所有父级是 <div> 元素的 <p> 元素 | 2 | |
element+element | div+p | 选择所有紧接着<div>元素之后的<p>元素 | 2 | |
[attribute] | [target] | 选择所有使用target属性元素 | 2 | |
[attribute=value] | [target=-blank] | 选择所欲带有target=“-blank”的元素 | 2 | |
[attributel|=language] | [lang|=en] | 选择lang属性以en为开头的所有元素 | 2 | |
:link | a:link | 选择所有未访问链接 | 1 | |
:visited | a:visited | 选择所有访问过的链接 | 1 | |
a:active | a:active | 选择活动链接 | 1 | |
:hover | a:hoverr | 选择鼠标在链接上面时 | 1 | |
:focus | input:focus | 选择具有焦点的输入元素 | 2 | |
:first-letter | p:first-letter | 选择每一个<p>元素的第一个字母 | 1 | |
:first-line | p:first-line | 选择每一个<p>元素的第一行 | 1 | |
:first-child | p:first-child | 指定只有当<p>元素是其父级的第一个子级的样式 | 2 | |
:before | p:before | 在每个<p>元素之前插入内容 | 2 | |
:after | p:after | 在每个<p>元素之后 | 2 | |
:lang(language) | p:lang(it) | 选择一个lang属性的起始值="it"的所有<p>元素 | 2 | |
element1~element2 | p~ul | 选择p元素之后的每一个ul元素 | 3 | |
[attribute^=value] | a[src^="https"] | 选择每一个src属性的值以https开头的元素 | 3 | |
[attribute$=value] | a[src$=".pdf"] | 选择每一个src属性的值以".pdf"结尾的元素 | 3 | |
[attribute*=value] | a[scr*="smd"] | 选择每一个src属性的值包含子字符串smd的元素 | 3 | |