高级定位之css selector-了解就可以！（7）

二、高级定位之css selector定位---了解！
1.优缺点：css selector简短、定位元素速度快，缺点符号多，不容易记忆，索引号筛选不简洁，功能不如xpath强大。
2.css是层叠式样式表，是用于表现html或xml样式的语言。css技术里有一个模块叫做UISelector，专门用于查找界面上的元素，css selector定位就是使用了这个模块里提供的css定位函数来定位元素的。
3.定位语法：
（1）语法一：find_element_by_css_selector("css表达式")
（2）语法二：find_element(By.CSS_SELECTOR,"css表达式")
示例：
guan=driver.find_element(By.CSS_SELECTOR,"#keyword")
4.css表达式里的语法：
（1）#后写目标元素的id属性值
示例：
#keyword 等价于xpath //*[@id='keyword']
input#keyword 等价于xpath //input[@id='keyword']
（2）.后写目标元素的class属性值
示例：
.go 等价于xpath //*[@class='go']
input.go 等价于xpath //input[@class='go']
（3）[属性名称='属性值'] 用除id和class以外的其他属性来筛选
示例：
[name='imageField']
---等价于xpath //*[@name='imageField']
input[type='submit']
---等价于xpath //input[@type='submit']
（4）>代表父子关系，等价于xpath里的/
示例：
#searchForm>a
---等价于xpath //*[@id='searchForm']/a
（5）空格代表祖先和后代关系，等价于xpath里的//
示例：
div#search a 
---等价于xpath //div[@id='search']//a
（6）:first-child代表查找兄弟关系节点中的第一个（不论什么标记统一排序）
示例：
#searchForm>select:first-child
（7）:last-child代表查找兄弟关系节点中的最后一个（不论什么标记统一排序）
示例：
#searchForm>a:last-child
（8）:nth-child(索引号)代表查找兄弟关系节点中的指定索引号的节点（不论什么标记统一排序）
示例：
#searchForm>input:nth-child(2) ---关键字文本框
#searchForm>input:nth-child(3) ---搜索按钮
#ECS_MEMBERZONE>a:nth-child(2)>img ---登录
#ECS_MEMBERZONE>a:nth-child(3)>img ---注册
#topNav>a:first-child---查看购物车
#topNav>a:nth-child(2)---选购中心