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 = “…”]