selenium2与python自动化4-css元素定位

前言

大部分人在使用selenium定位元素时，用的是xpath定位，因为xpath基本能解决定位的需求。css定位往往被忽略掉了，其实css定位也有它的价值，css定位更快，语法更简洁。

这一篇css的定位方法，主要是对比上一篇的xpath来的，基本上xpath能完成的，css也可以做到。两篇对比学习，更容易理解。

一、css:属性定位

1.css可以通过元素的id、class、标签这三个常规属性直接定位到

2.如下是百度输入框的的html代码：

3.css用#号表示id属性,如：#kw

4.css用.表示class属性，如：.s_ipt

5.css直接用标签名称，无任何标示符，如：input

二、css:其它属性

1.css除了可以通过标签、class、id这三个常规属性定位外，也可以通过其它属性定位

2.以下是定位其它属性的格式

三、css:标签

1.css页可以通过标签与属性的组合来定位元素

四、css:层级关系

1.在前面一篇xpath中讲到层级关系定位，这里css也可以达到同样的效果

2.如xpath：//form[@id='form']/span/input和

//form[@class='fm']/span/input也可以用css实现

五、css:索引

1.以下图为例，跟上一篇一样

2.css也可以通过索引option：nth-child(1)来定位子元素，这点与xpath写法用很大差异，其实很好理解，直接翻译过来就是第几个小孩

六、css:逻辑运算

1.css同样也可以实现逻辑运算，同时匹配两个属性，这里跟xpath不一样，无需写and关键字

七、css:模糊匹配

1.css的模糊匹配contains('xxx'),网上虽然用各种资料显示能用，但是小编亲自试验了下，一直报错。

2.在各种百度后找到了答案：you can't do this with CSS selectors, because there is no such thing as:contains() in CSS. It was a proposal that was abandoned years ago.

非常遗憾，这个语法已经被抛弃了，所以这里就没继续研究了。

css语法远远不止上面提到的，还有更多更强大定位策略，有兴趣的可以继续深入研究。官方说法，css定位更快，语法更简洁，但是xpath更直观，更好理解一些。

对比Xpath的讲解，参考 xpath

selenium2与python自动化4-css元素定位相关推荐

python自动化元素定位_Appium+Python自动化 4 -appium元素定位
appium定位app上的元素方式在前面文章中有介绍,(通过UIautomator工具查看app元素) appium定位app上的元素,可以通过id,name,class这些属性定位到 1.id 定 ...
[python爬虫] Selenium常见元素定位方法和操作的学习介绍(转载)
转载地址:[python爬虫] Selenium常见元素定位方法和操作的学习介绍一. 定位元素方法官网地址:http://selenium-python.readthedocs.org/locat ...
python语法元素测试_基于python全局设置id 自动化测试元素定位过程解析
背景: 在自动化化测试过程中,不方便准确获取页面的元素,或者在重构过程中方法修改造成元素层级改变,因此通过设置id准备定位. 一.python准备工作: 功能:用自动化的方式进行批量处理. 比如,你想 ...
html定位一个元素,css元素定位
css元素定位 1. position:static|无定位 position:static是所有元素定位的默认值, 一般不用注明,除非有需要取消继承的别的定位 example: #div-1 { p ...
在html中定位属性怎么用,CSS元素定位的使用方法
CSS元素定位的使用方法导语:定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素.另一个元素甚至浏览器窗口本身的位置.以下是百分网小编为大家搜集的CSS元素定位 ...
html的日历中添加行程,HTML/CSS元素定位（html日程表/日历）
我创建了一个基于html和css的时间表/日历,但我遇到了一些问题.HTML/CSS元素定位(html日程表/日历) 什么,我想是能够有任何的"块",如"块A" ...
css元素定位：通过元素的标签或者元素的id、class属性定位
前言大部分人在使用selenium定位元素时,用的是xpath元素定位方式,因为xpath元素定位方式基本能解决定位的需求.xpath元素定位方式更直观,更好理解一些. css元素定位方式往往被忽略 ...
selenium2与python自动化2-元素定位
Firefox浏览器作为selenium的默认浏览器不是没有道理的,其强大的元素定位能力,能快速有助于开发人员对于关键字的获取.而自动化需要掌握的关键步骤有:获取元素,操作元素,获取返回结果,断言(判 ...
Appium+python自动化（九）- 定位元素工具(义结金兰的两位异性兄弟)（超详解）...
简介环境搭建好了,其他方面的知识也准备的差不多了,那么我们就开始下一步元素定位,元素定位宏哥主要介绍如何使用uiautomatorviewer,通过定位到页面上的元素,然后进行相应的点击等操作. 此 ...

selenium2与python自动化4-css元素定位

selenium2与python自动化4-css元素定位相关推荐

最新文章

热门文章