css定位元素
1.什么是css？
CSS(Cascading Style Sheets)层叠样式表，是一种语言，用来描述html或者xml的显示样式。在css语言中有css选择器，在selenium中同样适用。
提示：在selenium中相比较xpath，更推荐使用css选择器，因为css速度更快
2.css定位方法
driver.find_element_by_css_selector()
3.css定位常用策略
- id选择器，通过id属性定位
- class选择器，通过class属性定位
- 元素选择器，通过元素定位
- 属性选择器，通过属性定位
- 层级选择器，用空格或者大于号表示层级关系
3.1 id选择器
以百度首页为例，通过id选择就只需要：#su
driver.find_element_by_css_selector(‘#su’)
#表示后面跟的是id的属性值，’#su’意思是id属性为’su’的元素
3.2 class选择器
上面的例子可以找到“百度一下”这个按钮，如果想通过class属性找的话，就：.bg s_btn
‘.’这个点表示后面跟的是class属性的值，driver.find_element_by_css_selector(‘.bg s_btn’)就是通过class属性查找属性值为’bg s_btn’的元素
3.3元素选择器
input就是查找所有input元素
driver.find_element_by_css_selector(‘input’)
3.4 属性选择器
[id = ‘su’]查找id属性为‘su’的元素，等同于#su
driver.find_element_by_css_selector(‘[name='ie']’)
3.5 层级选择器
根据元素的父子关系来选择，格式为 element > element 大于号可以用空格代替
driver.find_element_by_css_selector(‘div > [name='ie']’)这个就是查找div下的name属性为ie的元素
注意：直接子节点才可以用>
3.6 css延伸
input[type^=’P’] 找一个input元素，type属性的值以P开头
input[type$=’d’] 找一个input元素，type属性的值以d结尾
input[type*=’w’] 找一个input元素，type属性的值包含w
css元素定位和xpath元素定位的对比
|
定位方式 |
xpath |
css |
|
元素名 |
//input |
input |
|
id |
//input[@id=’su’] |
#su |
|
class |
//input[@class=’su’] |
.su |
|
属性 |
//*[starts_with(@属性名,’XXX’)] //*[contains(@属性名,’XXX’)] //*[text()=””] |
input[type$=’XXX’] input[type*=’XXX’] input[type^=’XXX’] |
xpath定位元素参考链接：
https://www.cnblogs.com/sy_test/p/12201868.html