selenium -凯发k8官方网

用css（即层叠样式表cascading stylesheet） selector来定位（locate）页面上的元素（elements）。selenium凯发k8官方网官网的document里极力推荐使用css locator，而不是xpath来定位元素，原因是css locator比xpath locator速度快，特别是在ie下面（ie没有自己的xpath 解析器(parser)）。有很多跟selenium相关的blog文章都有提到使用css selector的技术。之前我不会css selector，甚至一看到css就头疼。但我相信用css selector能非常精准的定位到我想测试的elements。因为前端开发人员就是用css selector设定页面上每一个元素的样式，无论那个元素的位置有多复杂，他们能定位到，那我也能定位到。 读一下这个文档就能明白大部分的css selector了 http://www.w3.org/tr/css3-selectors/
如果button上有class属性的，如: 可以这样写： css=button.x-right-button .代表class
如果class里带的空格，用.来代替空格如： ... 可以这样写： css=button.x-btn-text.module_picker_icon

如果想用别的属性值定位，用方括号【属性名=属性值】的方式，如： abc css=abbr[title="abc"]
如果button上有id属性的，如： 可以这样写： css=input#ag_name  或者直接写  css=#ag_name #代表id 但是在实际应该中，如果有元素固定id的，可以直接用id locator,这样写: id=ag_name 这通常是在form里的input元素， 需要用户填写内容然后提交的部分，也是最简单的部分。
没有固定id的，通常是由javascript框架自动生成的id如,每次加载页面都会改变的，如： ，下回可能就是 这种情况不能使用id属性来定位。
如果你想定位一个显示ok的button，但页面上有几个button，id是自动生成的，class是一样的，我又想用一个简单点的css locator的时候， ok cancel
可以这样写：  css=button.x-right-button:contains("ok") :contains是个pseudo-class，用冒号开头，括号里是内容。 pseudo-classes是css提供的伪类，用来访问页面上dom tree之外的信息，还有pseudo-elements 用来最精准的定位页面上的某一行文字，甚至某一行文字的第一个字母。我也是昨天头一回听说有这玩意儿，具体可以研究一下css3 selector文档的chapter 6.6 pseudo-classes 和 chapter 7 pseudo-elements

基本上用xpath能定位的元素，都能用css selector定位到。 它两最相似的是这样写： 

abcd1234

xpath=//table/tr/td/div/span[1] css=table>tr>td>div>span:nth-child（1） *xpath没在页面上测试过。 一个非常好的blog，不看可惜了。 http://saucelabs.com/blog/index.php/2009/10/selenium-tip-of-the-week-start-improving-your-locators/
综上所述，就是: 有固定id的用id selector，  没有固定id的用css selector。  pseudo-selements ：contains（）很好用。 会了这几下子，基本上定位就不成问题了。

转载于:https://www.cnblogs.com/chengnuo2008/p/5740272.html

总结

以上是凯发k8官方网为你收集整理的selenium - css selector的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。