Css Selector:定位实际就是HTML的Css选择器的标签定位
1、Css Selector支持ID、Class的定位 与HTML中CSS定位相同,'#' 号表id,'.' 代表Class
1 #i1 //通过ID获取元素 2 3 .inner //通过class获取元素
2、Css Selector支持属性查找
1 [name='name']
3、单单属性定位不足以满足我们的定位需求,Css Selector提供了标签属性组合定位
1 input[name='name'] #标签+属性 2 input#i1 #标签+ID 3 div.inner #标签+class
4、Css Selector提供了多属性组合过滤
1 select[name='city'][multiple='multiple']
注:CSS Selector没有角标定位方式,如果定位的元素无法根据属性确立唯一,就只能通过xpath进行角标定位
5、Css Selector也支持层级关系定位,与Xpath的不同 Css Selector通过 > 来区分层级的界定
1 select[name='city'][size='4'][multiple="multiple"]>optgroup>option[value='2']
6、Css Selector模糊匹配
1 ^= 匹配元素属性以什么开头 2 input[placeholder^='pla'] 3 4 $= 匹配属性以什么结尾 5 input[placeholder$='属性'] 6 7 *= 匹配属性包含什么值 8 input[placeholder*='属性']