使用css选择器来定位元素

public void CSS(){
        driver.get(Constant.baidu_url);
        //绝对路径
//        driver.findElement(By.cssSelector("html > body > div > div > div > div > div >form > span > input")).sendKeys("zhangshen");
        //相对路径input.class的值或者。class的值来表示
//        driver.findElement(By.cssSelector("input.s_ipt")).sendKeys("zhangshen");;
        //id选择器input#id的值或者#id的值来表示
//        driver.findElement(By.cssSelector("#su")).click();;
//        Assert.assertEquals(Constant.baidu_url, driver.getCurrentUrl());
        //使用属性来定位元素,双层控制没弄清楚
//        driver.findElement(By.cssSelector("input[name=wd]")).sendKeys("zhangshen");
//        driver.findElement(By.cssSelector("input[type=\"text\"][name=\"wd\"]")).sendKeys("zhangshen");
        //使用属性名称选择器
//        driver.findElement(By.cssSelector("input[id]")).sendKeys("zhangshen");
        //使用not不满足规则的元素定位,没弄清楚
//        driver.findElement(By.cssSelector("input:not([value])")).sendKeys("zhangshen");    

//        driver.findElement(By.cssSelector("a[href=\"http://www.nuomi.com/?cid=002540\"]")).click();
//        Assert.assertTrue(driver.getTitle().contains(Constant.luomi_title));
        //^=
//        driver.findElement(By.cssSelector("input[class^= \"s\"]")).sendKeys("zhangshen");
        //$=
//        driver.findElement(By.cssSelector("input[class$= \"_ipt\"]")).sendKeys("zhangshen");
        //*=
        driver.findElement(By.cssSelector("input[class*= \"ipt\"]")).sendKeys("zhangshen");

    }
时间: 2024-11-12 17:00:59

使用css选择器来定位元素的相关文章

css两个紧挨着的css选择器修饰同一个元素

#status, .commands{ height: 25px; line-height: 25px;}.upload .commands{ float: right;}.hidden{ display: none;}#status{ float: left; font-size: 12px;}#status.error{ color: Red; width: 100%;}#status.info{ color: #333; width: 100%;}#status.success{ colo

通过css选择器class给元素添加cursor的坑

笔者在chrome中遇到了奇特的问题,在通过class给元素添加cursor的自定义图片时.出现了"Invald property value"提示,crosshair.help等属性值可以生效. 图片却不行,自己研究后发现两个大坑. 一个是图片宽或者高需要有一边小于或等于32px. 另一个很重要就是不能用class选择器. 例如: <style type="text/css"> .foo{ width:100px; height:100px; curs

Jquery 库详解 ---3.2 以CSS 选择器访问DOM元素

<!DOCTYPE html> <html> <head> <meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" /> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title> 使用jQuery()函数 &l

CSS选择器(子元素和后代元素选择器)

元素之间的关系 父元素:直接包含子元素的元素 子元素:直接被父元素包含的元素 祖先元素:直接或间接包含后代元素的元素,父元素也是祖先元素 后代元素:直接或间接被祖先元素包含的元素,子元素也是后代元素 兄弟元素:拥有相同父元素的元素叫做兄弟元素 后代选择器 作用:选中指定元素的指定后代元素 语法:祖先元素 后代元素{ }(中间有空格) 子元素选择器 作用:选中指定父元素的指定元素(此方法使用不多) 语法:父元素 > 子元素 原文地址:https://www.cnblogs.com/XiaMengJ

[Python 应用: 爬虫] Selenium 定位元素方法

本文内容摘自:https://selenium-python.readthedocs.io/locating-elements.html 定位元素有很多种方式,你可以选择适合你使用情况的.Selenium 提供如下几种定位元素的方式: find_element_by_id find_element_by_name find_element_by_xpath find_element_by_link_text find_element_by_partial_link_text find_eleme

使用CSS选择器定位页面元素

摘录:http://blog.csdn.net/defectfinder/article/details/51734690 CSS选择器也是一个非常好用的定位元素的方法,甚至比Xpath强大.在自动化里我们用CSS选择器来定位页面元素一定要牢记一个准则:唯一定位,通常使用CSS选择器修改样式时会尽量多的选择元素,但是,在自动化里,必须要唯一定位到元素,否则自动化很可能因为找不到页面元素而失败.CSS选择器有很多,像标签选择器.类选择器.ID选择器.关系选择器.伪类选择器.分组选择器等等,但是只需

【html】CSS选择器

CSS选择器有: 元素选择器 选择器分组* 类选择器 ID选择器 属性选择器* 后代选择器* 子元素选择器* 相邻兄弟选择器* 选择器分组: h1,h2{ /*同时对h1,h2定义样式*/ ... } 通配符“*”: *{ ... } /*用“*”对所有元素定义样式*/ 类选择器+标签选择器: <h class="cww" ...> <a class="cww" ...> a.cww{ ... } 多类选择器: <p class=&qu

前端面试题-CSS选择器

一.CSS选择器作用 CSS 选择器用于定位我们想要给予样式的 HTML 元素,但不只是在 CSS 中,JavaScript 对 CSS 的选择器也是支持的,比如 document.document.querySelectorAll. 二.选择器类型 基本选择器 组合选择器 属性选择器 伪类选择器 伪元素选择器 三.基本选择器 选择器 含义 作用 CSS .class 类选择器 匹配 class 包含(不是等于)特定类的元素 1 #id id选择器 匹配特定 id 的元素 1 * 通用元素选择器

CSS 选择器(转)

原文转自:http://www.cnblogs.com/xyzhanjiang/p/5447406.html CSS 选择器除了样式表匹配元素时需要用到,在使用 jQuery 等库的时候也可以利用 CSS 选择器来选择元素,因此作为前端开发需要熟练掌握.下面是一些常用的 CSS 选择器示例. 元素选择器 E,选择所有指定元素名称的元素,例如 p,选择所有的 p 元素. 通用选择器 *,选择所有元素,例如: * { box-sizing: border-box; } 类选择器 .class,用一个