Selenium-Css Selector使用方法

什么是Css Selector？

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

工具

谷歌

下载插件包ChroPath ，拖拽到谷歌浏览器，工具->扩展程序中

火狐

Css Selector的练习建议大家安装火狐浏览器后，下载插件，FireFinder 或 FireBug和FirePath组合使用。

css selector操作方式

1，在浏览器中，右键-》检查-》elements->selectors,然后再搜索框中进行操作

2，在浏览器中，右键-》检查-》console, 在console中输入 $('定位方式')

Css Selector使用方法

1，通过id/class /属性 来找

 1 . 代表Class 定位有id的标签方式更加简洁
 2  
 3 .c1
 4  
 5 Class定位还提供了多个Class定位 通过连续 . 来缩小范围
 6  
 7 .c1.c2.c3
 8 
 9 属性定位方式与css相同,直接中括号，加上属性就可以了
10  
11 [name='n1']

2,通过标签

1 与Css相同 支持标签选择器，但并没有什么用，一个页面重复的标签太多
2  
3 定位方式 ：直接输入标签名称

3,通过标签+属性配合

 1 与css 定位相同 等同于我们标签属性选择器
 2  
 3 input[name='n1']
 4  
 5 当与ID、Class 组合使用时书写方式更为简单
 6  
 7 Class
 8  
 9 input.c1
10  
11 ID
12  
13 input#i1

4，多个属性组合

1 Css Selector 的多属性组合选择过滤 没有and 只需要多个[] 连接 就可以
2  
3 select[name='city'][size='4'][multiple="multiple"]

5,标签的层级关系

1 与Xpath的不同 Css Selector通过 > 来区分层级的界定
2  
3 select>option[value='3']

6,模糊匹配，以什么开头/以什么结尾/包含什么

 1 ^= 匹配元素属性以什么开头
 2  
 3 input[value^="登"]
 4  
 5 $= 匹配属性以什么结尾
 6  
 7 input[value$="录"]  
 8  
 9 *= 匹配属性包含什么值 input
10  
11 [value*="录"]

注意：Css Selector 不支持索引，及下标查询的方式，如果通过Css Selector查不到，就用Xpath.