Selenium学习之==>Css Selector使用方法

一、什么是Css Selector

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

工具

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

二、Css Selector使用方法

1、通过ID、Class定位

 ID定位
 #号代表id，定位有id的标签方式更加简洁
 #i1

 Class定位
 .代表Class
 .c1
 Class定位还提供了多个Class定位，通过连续.来缩小范围
 .c1.c2.c3

2、通过标签定位

 定位方式 ：直接输入标签名称
 div
 input
 单独用没什么作用，因为一个页面相同的标签太多了，需要和其他方式组合起来用

3、通过属性定位

 属性定位方式，直接中括号，加上属性就可以了
     [name='n1']

4、通过标签属性组合定位

 标签属性组合
 input[name='n1']

 标签与Class组合
 input.c1

 标签与ID组合
 input#i1

5、通过多属性组合

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

6、通过层级关系定位

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

7、模糊匹配

 ^= 匹配元素属性以什么开头
 [placeholder^='请输入']

 $= 匹配属性以什么结尾
 [placeholder$='元素']

 *= 匹配属性包含什么值 input
 [placeholder*='ID']