Xpath
Starts-with: //imp[starts-with(@type, 'text')] 查找图片type属性开始位置包含‘text’关键字的页面元素
Contains://img[contains(@alt,'gl')] 查找图片alt属行包含‘gl’关键字的页面元素
//div[contains(text().'通讯录')]
Child: 选择当前节点的下层子节点
//div[@id='div']/child::img
Parent 选择当前节点的上层父节点
//img[@alt='div']/parent::div
Ancestor 选择当前节点所有上层的节点
//img[@alt='div']/ancestor::div
descendant选择当前节点所有下层的节点
//img[@alt='div']/descendant::div
following选择当前节点之后显示的所有节点
//img[@alt='div']/following::div
Following-sibling选择当前节点的所有平级节点
//img[@alt='div']/following-sibling::div
preceding选择当前节点前面的所有节点
//img[@alt='div']/preceding::div
Preceding-sibling选择当前节点前面的所有同级节点
//img[@alt='div']/preceding-sibling::div
Css
#div:first-child
#div:nth-child(2)
#div:last-child
.div>input+ a
=>查找input页面元素后面的同级链接元素
.div>input+ a + img
=>查找input元素和链接元素后面的同级图片元素
.div>input+ * + img
=>查找input元素和某一种类型元素后面的同级图片元素