css定位方式
CSS表达式 | 匹配元素说明 | xpath |
* | 匹配任何元素 | //* |
div | 标签 | //div |
div#eleID | by ID | //div[@id='eleID'] |
div.class | by class | //div[contains(@class,"class")] |
div[title=AB] div[title ^=A] div[title $=A] |
by 属性 =AB 以A开头 以A结尾 |
//div[@title = "AB"] //div[@title ^= "A"] //div[@title $= "A"] |
div #id > * div #id > h1 |
子元素 |
//div[@id="id"] /* //div[@id="id"] /h1 |
div h1 |
定位后代元素 | //div//h1 |
li : hth(5) | by index | //li[6] |
a:contains("abc") | by content | //a[contains(.,"abc")] |
li{a:contains("abc")} ul{a:contaions("abc")} |
根据子元素回溯父元素 |
//li[a[contains(.,"abc")]] //li[./a[contains(.,"abc")]] //ul[.//a[contains(.,"abc")]] |
css=li:contains("abc")+li css=ul{a:contains("abc")}~ul |
根据相邻元素定位 |
//li[preceding-sibling::li[contains(.,"abc")]] //ul[preceding-sibling::ul[.//a[contains(.,"abc")]]] |
div.a.b | 多个类定位 | |