selenium 之 Css Selector

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*='属性']

 

转载于:https://www.cnblogs.com/wu-xw/p/10109397.html