Selenium之Css Selector使用方法

什么是Css Selector?

Css Selector定位实际就是HTML的Css选择器的标签定位

通过路径 解析html的一种格式

 

使用方法

*****************************************************************

1、Css Selector支持 ID、Class、标签选择器 定位,与HTML中CSS定位相同

#i //id定位

.c1 //class定位

.ci.c2.c3 //class定位还提供了多个class定位，通过连续 . 来缩小范围

input //标签定位

*****************************************************************

2、Css Selector支持 任意属性 定位

唯一属性定位

[name='name']

多属性组合定位

[name='name'][type='text']

*****************************************************************

3、Css Selector提供了 标签属性组合 定位

input[name='name']

*****************************************************************

4、Css Selector提供了 多属性组合过滤

select[size='4'][multiple='multiple']

*****************************************************************

5、Css Selector支持 层级 定位

select>option[value='1']

body>div[id='basebody']>div>div[class='driver']>div

*****************************************************************

6、Css Selector模糊匹配

input[placeholder^='请通过ID'] //开头

input[placeholder$='ID定位元素'] //结尾

input[placeholder*='ID'] //包含

*****************************************************************

重点内容：

主用Css Selector定位，辅用Xpath定位：

Css Selector不支持 角标定位，所以在通过Css Selector必须使用角标进行定位时，则可以选择使用Xpath进行定位。

*****************************************************************