美文网首页
样式选择器cssSelect元素定位

样式选择器cssSelect元素定位

作者: testerPM | 来源:发表于2020-01-10 14:02 被阅读0次

(1)根据tagName---标签的名字------------By.cssSelector("input")

        openBrowser("chrome");
        driver.get("http://www.baidu.com");
        // input框输入关键字
        List<WebElement> Elements = driver.findElements(By.cssSelector("input"));
        //找到多个input,如何定位自己要的input
            //通过索引---自己数是第几个---一般不用这种方式去定位
    }


一般找到多个值,就不用这种方式去定位(后续会讲到xpath)

(2) 根据ID---标签属性id的属性值
两种写法:
1.By.cssSelector("#ID属性值");//仅使用#id
2.By.cssSelector("input#kw");//使用html标签拼上#id

         // 找到input框后输入搜索关键字
        driver.findElement(By.cssSelector("#kw")).sendKeys("腾讯课堂");
        driver.findElement(By.cssSelector("input#kw")).sendKeys("腾讯课堂");

总结:1 这里是根据ID的属性值来定位(属性值要唯一)
2 属性值前面要加#号,仅代表根据id属性来定位

driver.findElement(By.cssSelector("#wd")).sendKeys("腾讯课堂");

上面这段代码就会报错,找不到元素,wd是name的属性值,但是#会把它当作是根据id的属性值,而id的属性值不是wd,所有定位不到元素

(3)根据className(样式名).class形式
两种写法:
1.By.cssSelector(".className");//class属性值前面加点
2.By.cssSelector("input.className");//标签拼上样式

           // input框输入关键字
        driver.findElement(By.cssSelector("input#kw")).sendKeys("腾讯课堂");
        //定位到百度一下按钮,点击
        //driver.findElement(By.cssSelector(".bg.s_btn")).click();
        driver.findElement(By.cssSelector("input.bg.s_btn")).click();


这里要注意:
(1)百度首页如果是 登录状态,百度一下的input框class属性值和未登录状态下,class属性值是不一样的,而selenium每次打开是一个全新的浏览器(未登陆,无缓存)
(2)class属性值前面要加点

(4)Css精确定位
根据元素属性,属性名=属性值,id,class等都可 写成这种形式
By.cssSelector("标签名[属性名='属性值']");

只能适应web

相关文章

  • 样式选择器cssSelect元素定位

    (1)根据tagName---标签的名字------------By.cssSelector("input") 一...

  • css--不同类型的选择器(一)

    在CSS中,选择器用于定位我们想要样式化的网页元素。各种各样可用的CSS选择器允许我们精确选择要样式化的元素 不同...

  • CSS选择器及CSS选择器权重

    css选择器: 用于定位我们想要给予样式的HTML元素。 选择器的类型: 1、 基础选择器2、 组合选择器3、 属...

  • CSS选择器

    CSS选择器的作用 CSS 选择器用于定位我们想要给予样式的 HTML 元素。 CSS选择器的类型 CSS选择器大...

  • CSS选择器

    概述 在CSS中,选择器用于定位我们想要样式化的网页HTML元素。各种各样可用的CSS选择器允许我们精确选择要样式...

  • 精简的css命名规则=-没有限制才能发挥出最大的潜能。

    CSS选择器是用于定位文档中的元素所在以便设定相应的样式,常见的选择器包括:基础选择器、组合选择器、属性选择器、伪...

  • CSS选择器与优先级浅析

    CSS选择器是用于定位文档中的元素所在以便设定相应的样式,常见的选择器包括:基础选择器、组合选择器、属性选择器、伪...

  • CSS的优先级

    内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 元素(类型)选择器 = 伪元素选择器

  • 2、css 选择器

    标签选择 使用 * 可为所有元素设置样式。 根据标签为元素设置样式 同时设置多个元素组合 类选择器 类选择器是为一...

  • css的样式优先级

    优先级 !important > 行内样式 > id选择器 > class选择器 > 元素继承的样式 Class选...

网友评论

      本文标题:样式选择器cssSelect元素定位

      本文链接:https://www.haomeiwen.com/subject/swupactx.html