在selenium中使用css选择器进行元素定位（二）

css中的结构性定位

结构性定位就是根据元素的父子、同级中位置来定位，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>