querySelector() 选择器语法
https://www.cnblogs.com/HavenLau/p/10476508.html
选择器 | 示例 | 示例说明 |
---|---|---|
.class | .intro | 选择所有class="intro"的元素 |
#id | #firstname | 选择所有id="firstname"的元素 |
* | * | 选择所有元素 |
element | p | 选择所有>元素 |
element,element | div,p | 择所有div元素和p元素 |
element element | div p | 选择div元素内的所有p元素 |
element>element | div>p | 选择所有父级是 div 元素的 p 元素 |
element+element | div+p | 选择所有紧接着div元素之后的p元素 |
[attribute] | [target] | 选择所有带有target属性元素 |
[attribute=value] | [target=-blank] | 选择所有使用target="-blank"的元素 |
[attribute~=value] | [title~=flower] | 选择标题属性包含单词"flower"的所有元素 |
[attribute | =language] | [lang |
:link | a:link | 选择所有未访问链接 |
:visited | a:visited | 选择所有访问过的链接 |
:active | a:active | 选择活动链接 |
:active | a:active | 选择活动链接 |