python3 selenium自动化测试 强大的CSS定位方法

ccs的优点：css相对xpath语法比xpath简洁，定位速度比xpath快

css的缺点：css不支持用逻辑运算符来定位，而xpath支持。css定位语法形式多样，相对xpath比较难记。

css定位建议多用，这个定位方式很强大，定位速度快且准确度高。至于难记，用熟了就好了，对勤快的人来说，这不是问题。

CSS_selector常用符号：

　　 #　　表示id
　　 .　　表示class
　　 >　　表示子元素，层级　　

1.通过id属性定位：

find_element_by_css_selector("#id的属性值")

实例：find_element_by_css_selector("#kw")

2.通过class_name属性定位：

find_element_by_css_selector(".class的属性值")

实例：find_element_by_css_selector(".s_ipt")

3.通过其它属性定位：

find_element_by_css_selector("[属性=‘属性值']")

find_element_by_css_selector("[属性=属性值]") ---------------- 请注意这里属性值没有加引号

实例1：find_element_by_css_selector("[name=‘kw']")

实例2.1：find_element_by_css_selector("[style=‘display']")

实例2.2：find_element_by_css_selector("[style=display]") ---------请注意这里属性值没有加引号

这里特意举例两次，是强调引号在这里加不加都没关系，不会影响定位。

4.通过父子关系定位：

假如你不知道某人的身份证号码、名字、手机号码等信息时无法取得联系，但是你知道某人爸爸的手机号码，此时你可以通过他爸爸来找到某人。也就是通过（“他爸爸[phone=手机号]>本人”) 找到某人。

换成术语就是当我们定位元素时，发现没有可以标识的唯一的元素的属性值时，那我们可以考虑用父亲标签结合属性来定位元素。例如：

find_element_by_css_selector(“input#id的属性值>下级标签”)

实例：find_element_by_css_selector(“input#kw>div”)

5.通过爷爷关系定位：

假如他爸爸也没有手机号码，此时你可以往上找他爷爷。也就是也就是通过（“他爷爷[phone=手机号]>他爸爸>本人”) ,找到某人。

换成术语就是当我们定位元素时，发现父亲标签中没有可以标识的唯一的元素的属性值时，那我们可以考虑用爷爷标签结合属性来定位元素。例如：

实例：find_element_by_css_selector(“input#kw>divs>div#ko”)

​现在我也找了很多测试的朋友，做了一个分享技术的交流群，共享了很多我们收集的技术文档和视频教程。
如果你不想再体验自学时找不到资源，没人解答问题，坚持几天便放弃的感受
qq群号：485187702【暗号：csdn11】
可以加入我们一起交流。而且还有很多在自动化，性能，安全，测试开发等等方面有一定建树的技术大牛
分享他们的经验，还会分享很多直播讲座和技术沙龙
可以免费学习！划重点！开源的！！！
视频+文档+PDF+面试题可以关注公众号：【软件测试小dao】

最后感谢每一个认真阅读我文章的人，看着粉丝一路的上涨和关注，礼尚往来总是要有的，虽然不是什么很值钱的东西，如果你用得到的话可以直接拿走！ 希望能帮助到你！【100%无套路免费领取】