CSS选择器&xpath语法

一、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