CSS定位常见方式与实例应用
Posted 测试萌萌
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS定位常见方式与实例应用相关的知识，希望对你有一定的参考价值。
大家在使用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自动化测试、接口自动化测试、测试高级持续集成、测试架构开发测试框架、性能测试、安全测试等。
学习不要孤军奋战，最好是能抱团取暖，相互成就一起成长，群众效应的效果是非常强大的，大家一起学习，一起打卡，会更有学习动力，也更能坚持下去。你可以加入我们的测试技术交流扣扣群：914172719（里面有各种软件测试资源和技术讨论）
喜欢软件测试的小伙伴们，如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “点赞” “评论” “收藏” 一键三连哦！
好文推荐
转行面试，跳槽面试，软件测试人员都必须知道的这几种面试技巧！
以上是关于CSS定位常见方式与实例应用的主要内容，如果未能解决你的问题，请参考以下文章