CSS 选择器
2019-08-01 本文已影响0人
thepoy
| 表达式 | 说明 |
|---|---|
| * | 选择所有节点 |
| #container | 选择id为container的节点 |
| .container | 选取所有class包含container的节点 |
| li a | 选取所有li下的所有子孙a节点 |
| li > a | 选取所有li标签下的所有子标签a |
| ul + p | 选择ul后面的第一个p元素 |
| div#container > ul | 选取id为container的div的第一个ul子元素 |
| ul ~ p | 选取与ul相邻的所有p元素 |
| a[title] | 选取所有有title属性的a元素 |
| a[href=”http:umi.com”] | 选取所有href属性为umi.com值的a元素 |
| a[href*=”umi”] | 选取所有href属性包含umi的a元素 |
| a[href^=”http”] | 选取所有href属性值以http开头的a元素 |
| a[href$=”.jpg”] | 选取所有href属性值以.jpg结尾的a元素 |
| input[type=radio]:checked | 选取选中的radio的元素 |
| div:not(#container) | 选取所有id非container的div属性 |
| li:nth-child(3) | 选取第三个li元素 |
| tr:nth-child(2n) | 第偶数个tr |
| a::text | 输出a标签的文本内容 |
| a::attr(class) | 输入a标签的class属性值 |
.extract()为防止SelectorList对象为空报错
