CSS定位常见方式与实例应用

最新推荐文章于 2022-12-11 00:13:15 发布

djf512

最新推荐文章于 2022-12-11 00:13:15 发布

阅读量186

点赞数

文章标签：功能测试 postman 压力测试测试工具 selenium

本文链接：https://blog.csdn.net/djf512/article/details/123832134

版权

本文探讨了在使用Selenium进行元素定位时，CSS定位相较于XPATH的优势，包括速度更快和语法更简洁。通过示例介绍CSS元素选择器的语法，并提及Selenium中的Sizzle Css3结构性定位语法。同时，提供了软件测试工程师的面试宝典和相关学习资源。

摘要由CSDN通过智能技术生成

大家在使用selenium元素定位的时候，通常更多使用的是XPATH，css定位方式用得比较少但有时候css定位方式还是有一些优势的。

优势1：一般情况下定位速度要比XPATH快

优势2：语法要比XPATH更简洁

1.下面简要介绍一下css元素选择器的语法

常见语法：

å¨è¿éæå¥å¾çæè¿°

例如这样一段html代码的网页

<div class="formdiv">

<form name="fnfn">

<input name="username" type="text"></input>

<input name="password" type="text"></input>

<input name="continue" type="button"></input>

<input name="cancel" type="button"></input>

<input value="SYS123456" name="vid" type="text">

<input value="ks10cf6d6" name="cid" type="text">

</form>

<div class="subdiv">

<ul id="recordlist">

<p>Heading</p>

<li>Cat</li>

<li>Dog</li>

<li>Car</li>

<li>Goat</li>

</ul>

</div>

</div>

匹配示例：

å¨è¿éæå¥å¾çæè¿°

2.css中的结构性定位

结构性定位就是根据元素的父子、同级中位置来定位，css3标准中有定义一些结构性定位伪类如nth-of-type，nth-child，但是使用起来语法很不好理解，这里就不做介绍了。

Selenium中则是采用了来自Sizzle的css3定位扩展，它的语法更加灵活易懂

Sizzle Css3的结构性定位语法

å¨è¿éæå¥å¾çæè¿°

匹配示例：

例如还是段的代码

<div class="subdiv">

<ul id="recordlist">

<p>Heading</p>

<li>Cat</li>

<li>Dog</li>

<li>Car</li>

<li>Goat</li>

</ul> </div>

å¨è¿éæå¥å¾çæè¿°

最后：可以自行领取一份216页软件测试工程师面试宝典文档资料【免费的】。以及相对应的视频学习教程免费分享！，其中包括了有基础知识、Linux必备、Shell、互联网程序原理、Mysql数据库、抓包工具专题、接口测试工具、测试进阶-Python编程、Web自动化测试、APP自动化测试、接口自动化测试、测试高级持续集成、测试架构开发测试框架、性能测试、安全测试等。

学习不要孤军奋战，最好是能抱团取暖，相互成就一起成长，群众效应的效果是非常强大的，大家一起学习，一起打卡，会更有学习动力，也更能坚持下去。你可以加入我们的测试技术交流群（里面有各种软件测试资源和技术讨论）