Css Selector定位

1、“#”表示id定位

2、“.”表示class定位，通过连续的.可来缩小范围如 .c1.c2.c3

3、Css Selector支持任意属性定位

属性定位方式与css相同,直接中括号，加上属性就可以了

[name='n1']

4、标签属性组合定位

与css 定位相同 等同于我们标签属性选择器

input[name='n1']

当与ID、Class 组合使用时书写方式更为简单

Class input.c1

ID input#i1

5、Css Selector提供了多属性组合过滤

Css Selector 的多属性组合选择过滤 没有and 只需要多个[] 连接 就可以

select[name='city'][size='4'][multiple="multiple"]

6、同样Css Selector也支持层级关系定位

与Xpath的不同 Css Selector通过 > 来区分层级的界定

select>option[value='3']

7、Css Selector模糊匹配

^= 匹配元素属性以什么开头

input[value^="登"]

$= 匹配属性以什么结尾

input[value$="录"]  

*= 匹配属性包含什么值 input

[value*="录"]