selenium中使用css选择器进行元素定位
2013-01-07 15:25
267 查看
css中的结构性定位
结构性定位就是根据元素的父子、同级中位置来定位,css3标准中有定义一些结构性定位伪类如nth-of-type,nth-child,但是使用起来语法很不好理解,这里就不做介绍了。
Selenium中则是采用了来自Sizzle的css3定位扩展,它的语法更加灵活易懂
Sizzle Css3的结构性定位语法
匹配示例:
例如还是段的代码
结构性定位就是根据元素的父子、同级中位置来定位,css3标准中有定义一些结构性定位伪类如nth-of-type,nth-child,但是使用起来语法很不好理解,这里就不做介绍了。
Selenium中则是采用了来自Sizzle的css3定位扩展,它的语法更加灵活易懂
Sizzle Css3的结构性定位语法
E:nth(n) E:eq(n) | 在其父元素中的E子元素集合中排在第n+1个的E元素 (第一个n=0) |
E:first | 在其父元素中的E子元素集合中排在第1个的E元素 |
E:last | 在其父元素中的E子元素集合中排在最后1个的E元素 |
E:even | 在其父元素中的E子元素集合中排在偶数位的E元素 (0,2,4…) |
E:odd | 在其父元素中的E子元素集合中排在奇数的E元素 (1,3,5…) |
E:lt(n) | 在其父元素中的E子元素集合中排在n位之前的E元素 (n=2,则匹配0,1) |
E:gt(n) | 在其父元素中的E子元素集合中排在n位之后的E元素 (n=2,在匹配3,4) |
E:only-child | 父元素的唯一一个子元素且标签为E |
E:empty | 不包含任何子元素的E元素,注意,文本节点也被看作子元素 |
例如还是段的代码
<div class="subdiv"> <ul id="recordlist"> <p>Heading</p> <li>Cat</li> <li>Dog</li> <li>Car</li> <li>Goat</li> </ul> </div>
locator | 匹配 |
css=ul > li:nth(0) | <li>Cat</li> |
css=ul > *:nth(0) css=ul > :nth(0) | <p>Heading</p> |
css=ul > li:first | <li>Cat</li> |
css=ul > :first | <p>Heading</p> |
css=ul > *:last css=ul > li:last | <li>Goat</li> |
css=ul > li:even | Cat, Car |
css=ul > li:odd | Dog, Goat |
css=ul > :even | <p>Heading</p> |
css=ul > p:odd | [error] not found |
css=ul > li:lt(2) | <li>Cat</li> |
css=ul > li:gt(2) | <li>Goat</li> |
css=ul > li:only-child css=ul > :only-child css=ul > *:only-child | [error] not found (ul没有only-child) |
css=div.subdiv > :only-child | <ul id="recordlist"> … … … … </ul> |
相关文章推荐
- 在selenium中使用css选择器进行元素定位
- selenium中使用css选择器进行元素定位
- [Selenium]中使用css选择器进行元素定位
- 在selenium中使用css选择器进行元素定位
- 在selenium中使用css选择器进行元素定位
- [Selenium]中使用css选择器进行元素定位
- 在selenium中使用css选择器进行元素定位
- 在使用selenium webdriver进行元素定位时,通常使用findElement或findElements方法结合By类返回的元素句柄来定位元素。其中By类的常用定位方式共八种,现分别介绍如下
- 使用selenium webdriver进行元素定位
- 使用CSS选择器进行元素定位
- selenium-2 使用xpath定位元素
- 在Selenium WebDriver中使用By.Xpath快速定位页面元素
- 如何借助浏览器Console使用Js进行定位和操作元素
- Selenium使用Xpath定位元素及实例(2)
- selenium之如何使用cssSelector定位页面元素
- Selenium中CSS选择器与Xpath根据页面结构定位元素比较
- 使用CSS选择器定位页面元素
- Selenium2 入门[1] —— 获取XPath来定位元素 : Frebug , FirePath 插件的安装及使用
- 【Selenium】webdriver进行页面元素定位
- selenium对未在屏幕展示范围内的元素进行操作时,出现元素无法定位的问题解决