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

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

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

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

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

常见语法：

如果对软件测试、接口、自动化、性能测试、测试开发、面试经验交流。感兴趣可以810119819，群内会有不定期的发放免费的资料链接，这些资料都是从各个技术网站搜集、整理出来的，如果你有好的学习资料可以私聊发我，我会注明出处之后分享给大家。

例如这样一段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>

如果对软件测试、接口、自动化、性能测试、测试开发、面试经验交流。感兴趣可以810119819，群内会有不定期的发放免费的资料链接，这些资料都是从各个技术网站搜集、整理出来的，如果你有好的学习资料可以私聊发我，我会注明出处之后分享给大家。