Selenium之Css Selector使用方法

  • A+
所属分类:Python

什么是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进行定位。

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

 

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: