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”)

来源：https://blog.csdn.net/xiezhiming1234/article/details/82914038