一、什么是Css Selector
Css Selector定位实际就是HTML的Css选择器的标签定位
工具
Css Selector的练习建议大家安装火狐浏览器后,下载插件,FireFinder 或 FireBug和FirePath组合使用。
二、Css Selector使用方法
1、通过ID、Class定位
1 ID定位2 #号代表id,定位有id的标签方式更加简洁3 #i14 5 Class定位6 .代表Class7 .c18 Class定位还提供了多个Class定位,通过连续.来缩小范围9 .c1.c2.c3
2、通过标签定位
1 定位方式 :直接输入标签名称2 div3 input4 单独用没什么作用,因为一个页面相同的标签太多了,需要和其他方式组合起来用
3、通过属性定位
1 属性定位方式,直接中括号,加上属性就可以了 2 ????[name=‘n1‘]
4、通过标签属性组合定位
1 标签属性组合2 input[name=‘n1‘]3 4 标签与Class组合5 input.c16 7 标签与ID组合8 input#i1
5、通过多属性组合
1 Css Selector 的多属性组合选择过滤 没有and 只需要多个[] 连接 就可以2 select[name=‘city‘][size=‘4‘][multiple="multiple"]
6、通过层级关系定位
1 与Xpath的不同 Css Selector通过 > 来区分层级的界定2 select>option[value=‘3‘]
7、模糊匹配
1 ^= 匹配元素属性以什么开头2 [placeholder^=‘请输入‘]3 4 $= 匹配属性以什么结尾5 [placeholder$=‘元素‘]6 7 *= 匹配属性包含什么值 input8 [placeholder*=‘ID‘]
Selenium学习之==>Css Selector使用方法
原文地址:https://www.cnblogs.com/L-Test/p/9286344.html