一、xpath语法
表达式 |
说明 |
---|---|
article |
选取所有article元素的所有子节点 |
/article |
选取根元素article |
article/a |
选取所有属于article的子元素的a元素 |
//div |
选取所有div子元素(不论出现在文档任何地方) |
article//div |
选取所有属于article元素的后代的div元素,不管它出现在article之下的任何位置 |
//@class |
选取所有名为class的属性 |
/article/div[1] |
选取属于article子元素的第一个div元素 |
/article/div[last()] |
选取属于article子元素的最后一个div元素 |
/article/div[last()-1] |
选取属于article子元素的倒数第二个div元素 |
//div[@lang] |
选取所有拥有lang属性的div元素 |
/div/* |
选取属于div元素的所有子节点 |
//* |
选取所有元素 |
//div[@*] |
选取所有带属性的div元素 |
/div/a | //div/p |
选取所有div元素的a和p元素 |
//span | //ul |
选取文档中的span和ul元素 |
article/div/p| //span |
选取所有属于article元素的div元素的p元素 以及文档中所有的span元素 |
//div[@lang='eng'] |
选取所有lang属性为eng的div元素 |
二、CSS选择器
表达式 |
说明 |
* |
选择所有结点 |
#container |
选择id为container的节点 |
.container |
选取所有class包含container的节点 |
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://baidu.com”] |
选取所有href属性为baidu.com值的a元素 |
a[href*=”jobole”] |
选取所有href属性包含jobbole的a元素 |
a[href^=“https”] |
选取所有href属性值以https开头的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 |