- 元素定位详解链接:
8大元素定位详解链接 - css和xpath定位的区别
定位方式 | css | xpath |
---|---|---|
根据id定位 | #id值 | //*[@id=‘属性值’] |
根据class定位 | .class值 | //*[@class=‘属性值’] |
根据其他属性定位 | [属性=‘属性值’] | //*[@属性=‘属性值’] |
多个属性定位 | [属性1=‘属性值’][属性2=‘属性值’] | //*[@属性1=‘属性值’ and @属性2=‘属性值’] |
上下级关系–后代关系定位 | 祖先属性"空格"后代标签 | //*[@父元素属性=‘属性值’]//后代元素标签 |
上下级关系–父子关系 定位 | 父属性>后代标签 | //*[@父元素属性=‘属性值’]/子元素标签 |
上下级关系–指定子元素定位 | 父属性>子标签:nth-child(n)或父属性>子标签:nth-last-child(n) | |
同级关系–哥哥定位弟弟 | 哥哥+弟弟 | //*[@哥哥属性=‘属性值’]/following-sibling:弟弟元素(n) |
同级关系–哥哥定位弟弟们 | 哥哥~弟弟 | //*[@哥哥属性=‘属性值’]/following-sibling:弟弟元素 |
备注:n表示所在位置