码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-07-20 18:59:56      阅读:592      评论:0      收藏:0      [点我收藏+]

标签:name   模糊   元素   multi   模糊匹配   包含   class   下载   方式   

一、什么是Css Selector

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

工具

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

二、Css Selector使用方法

1、通过ID、Class定位

1 ID定位
2 #号代表id,定位有id的标签方式更加简洁
3 #i1
4 
5 Class定位
6 .代表Class
7 .c1
8 Class定位还提供了多个Class定位,通过连续.来缩小范围
9 .c1.c2.c3

2、通过标签定位

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

3、通过属性定位

1 属性定位方式,直接中括号,加上属性就可以了 
2     [name=‘n1‘]

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

1 标签属性组合
2 input[name=‘n1‘]
3 
4 标签与Class组合
5 input.c1
6 
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 *= 匹配属性包含什么值 input
8 [placeholder*=‘ID‘]

 

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

标签:name   模糊   元素   multi   模糊匹配   包含   class   下载   方式   

原文地址:https://www.cnblogs.com/L-Test/p/9286344.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!