做好自动化，不可或缺的css定位器—Testfan打卡学测开1203

本期技术分享讲师周老师

分享内容：css定位器的常见使用

本期文字解析

1、标签选择器

driver.findElement(By.cssSelector("input"));

直接传入要定位元素的标签，可直接定位到该元素

备注：不建议直接使用，页面元素的标签一般不唯一

2、id选择器，class选择器

driver.findElement(By.cssSelector("#kw"));//#表示id属性定位器，后面紧跟id属性值

driver.findElement(By.cssSelector(".s_ipt"));//英文的. 表示class定位器，后面紧跟class属性值

3、后代元素选择器

driver.findElements(By.cssSelector("div#u1 a"));

通过标签选择器+id选择器 定位到div元素，后代选择器用空格表示，可以获得div元素后代的所有a标签（备注：多层级都可获得）

4、子元素选择器

driver.findElements(By.cssSelector("div#u1>a"));

通过标签选择器+id选择器 定位到div元素，子代选择器用>表示，可以获得div元素子代的所有a标签（备注：仅可获得div下一层级，跨层级获得不到）

5、毗邻元素选择器

driver.findElement(By.cssSelector("div#u1>a+a"));

先定位到新闻标签，通过毗邻元素选择器用+表示，可以获得新闻标签紧邻的同级元素hao123标签（只匹配第一个同级元素）

6、属性选择器

driver.findElement(By.cssSelector("input[name='wd']"));

可通过任意元素属性值过滤