在自动化测试中,利用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) 匹配不符合当前选择器的任何元素