码迷,mamicode.com
首页 > 编程语言 > 详细

Python3-Selenium自动化测试框架(四)之css元素定位

时间:2020-01-10 15:53:31      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:匹配   图片   img   pre   ext   self   info   区别   的区别   

Selenium自动化测试框架(四)之css元素定位

一、css元素定位

CSS可以通过元素的id、class、标签(input)这三个常规属性直接定位到

id-->> #
class-->> .

技术图片

技术图片

1、通过id进行定位
input#kw
#kw
2、通过class进行定位
input.s_ipt
.s_ipt
3、子类定位“>”:通过先定位父类(self),再定位self下的子类

技术图片

#s_kw_wrap>#kw
4、同级定位“+”: 通过先定位父类(self),再定位self 同级的类
span#s_kw_wrap+input[name="rsv_spt"]
5、后代定位 “ ”:通过先定位父类(self),再定位self 后代的类
input[name='wd']

a[title='清空']
6、模糊匹配属性值方法
1>属性值由多个空格隔开,匹配其中一个值的方法
input[class~='btn']
2>匹配属性值为字符串开头的方法
input[class^='btn']
3>匹配属性值字符串结尾的方法
input[class$='s_btn']
7、多个元素共同定位
[id='kw'][class='s_ipt']
8、增加标签过滤

技术图片

form>input:nth-child(4)

二、Python中使用css元素定位

driver.find_element_by_css_selector("[id = 'kw'][class = 's_ipt']")

三、css 和 xpath 的区别

  • 1、css 更加简洁
  • 2、xpath 的功能更强大。对于简单的元素定位可以使用css, 复杂的元素使用xpath.
  • 3、xpath 可以使用 text 文本定位, css 不行。
  • 4、效率。通常来说,xpath 的解析效率会低。css 要快一些。

【完】


Python3-Selenium自动化测试框架(四)之css元素定位

标签:匹配   图片   img   pre   ext   self   info   区别   的区别   

原文地址:https://www.cnblogs.com/desireyang/p/12176103.html

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