web自动化测试---css方式定位页面元素

　　css方式定位的方法也有很多，相较于xpath更灵活一点，下面就介绍下使用方法（以百度输入框为例）

1、通过tag来定位，可以写成如下：

driver.find_element_by_css_selector('input').click()

 这里要说明的是tag为input的必须唯一才能这么写，否则可以用其他方式定位

 

2、通过id来定位，可以写成如下：

driver.find_element_by_css_selector('#kw').click()

 id前面加个#即可，很简单，也可以和tag组合来写：

driver.find_element_by_css_selector('input#kw').click()

 

 

3、通过class来定位，可以写成如下：

driver.find_element_by_css_selector('.s_ipt').click()

 也很简单，当然也可以和tag组合来写：

driver.find_element_by_css_selector('tag.s_ipt').click()

 

4、通过父子关系定位，可以写成如下

driver.find_element_by_css_selector('span>input').click()

 这里是通过tag来做例子，其实对于父节点和子节点来说都可以各自按照1、2、3来写，中间用>来连接即可，这样更能保证元素的唯一性，比如：

driver.find_element_by_css_selector('span>input#kw').click()

 

5、还可以通过tag中除了id、class之外的其他属性来定位元素，如输入框通过name属性来定位：

driver.find_element_by_css_selector('input[name="wd"]').click()

 属性可以带值，也可以不带，直接写成如下形式：

driver.find_element_by_css_selector('input[name]').click()

 

6、除了5中所示的形式，还可以对属性的值进行过滤，如下：

name属性的值以w开头

driver.find_element_by_css_selector('input[name^="w"]').click()

 

name属性的值以d结尾

driver.find_element_by_css_selector('input[name$="d"]').click()

 

 name属性的值包含w字符

driver.find_element_by_css_selector('input[name*="w"]').click()

 

基本上通过上面的css操作都能够唯一确定一个元素，当然也有特殊情况。这个需要具体问题具体对待。