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