定位工具:
FireFox开发者工具---Tryxpath
Chrome开发者工具(推荐)---可以在开发者工具中使用Elements中点击ctrl+f,就可以使用selector,xpath进行定位。也可以使用Xpath Helper(安装需要翻墙)插件进行查找。
@class='asd' ------字符串里面的所以使用单引号。
#id
.class.class---可以追加.class查找元素
tag
//tag[@属性=‘’]
CSS匹配
div[role^='tip']>ul[.name]>li>.class
^表示前匹配,$表示后匹配,*表示任意匹配
>表示子节点
Xpath匹配
/ ---表示子节点---绝对路径(容易被影响导致无效)
// ---表示子节点以及嵌套子节点---相对路径(推荐)
---看具体情况使用
text()表示节点的文本内容
contains可以进行部分匹配,starts-with表示前面匹配
匹配的属性前面要加@
//div[@role='tip']//input[text()='sd']//following-sibling::div//preceding-sibling::li//a
//div[contains(@class,'s')]//input[contains(text(),'rfv')]//parent::div
parent::<tag>---表示父节点
preceding-sibling::<tag>---表示同级前面兄弟节点(同级别同父节点,不需要紧挨着)
following-sibling::<tag>---表示同级后面兄弟节点(同级别同父节点,不需要紧挨着)