Selenium中CSS定位Web UI元素

在自动化测试中，利用css定位Web元素用的比较少。但是利用css定位有优势：

1.定位速度比xpath要快

2.语法结构比xpath要简洁

 

CSS选择器的语法：

×  匹配任何元素

E 标签选择器，匹配所有使用E标签的元素

.info class选择器，匹配所有class属性中包含info的元素

#footer id选择器，匹配所有id属性等于footer的元素

E,F  多元素选择器，同时匹配E或F， E和F之间用逗号隔开。

E F 后代元素选择器，匹配所有属于E元素后代的F元素，E和F用空格分隔

E>F 子元素选择器，匹配所有E元素的子元素F

E+F 毗邻元素选择器，匹配紧随E元素之后的同级F元素（只匹配第一个）

E～F 同级元素选择器，匹配所有在E元素之后的同级F元素

E[att='val'] 属性att的值为val的E元素（区分大小写）

E[att^='val'] 属性att的值以val开头的E元素（区分大小写）

E[att$='val']属性att的值以val结尾的E元素（区分大小写）

E[att*='val']属性att的值包含val的E元素

E[att1='v1'][att2*='v2'] 属性att1的值为v1,att2的值包含v2

E:contains('***') 内容中包含×××的E元素

E:not(s) 匹配不符合当前选择器的任何元素