常用CSS和XPATH元素定位方法

css元素定位方法

#表示id
. 表示class
空格 表示tag
, 表示或(,的优先级比较低，注意加括号)
:nth-child(n),表示父节点的第n个子节点
:nth-last-child(n),表示父节点的倒数第n个子节点
Span:nth-of-type(n)，表示父节点的第n个类型为span的元素
Span:nth-last-of-type(n)，表示父节点的倒数第n个类型为span的元素
元素1 + 元素2 表示元素2是元素1后面紧跟的兄弟
元素1 ~ 元素2 表示元素2是元素1后面紧跟的所有的兄弟

元素1 > 元素2 表示元素2是元素1的子元素
元素1 元素2 表示元素2是元素1的后代元素

Css支持通过任何属性来选择元素，语法是使用[]
例如：[href = “http:…”]

前面还可以加上标签名的限制，例如div[class=’…’]
根据属性选择，还可以不指定属性值，比如[href]，表示选择所有具有href属性的元素

浏览器按ctrl + f可以打开路径搜索器

css选择语法可以联合使用
例如div.footer ，表示选择一个class属性必须是footer的div tag元素

xpath元素定位方法

绝对路径用/开始
相对路径用//开始
使用代表所有元素
匹配属性要加@
//[@id = “…” and @class = “…”]