怎么用CSS选择ul里最后一个li里面的a元素
<ul style="max-height: 230px; overflow-y: auto;" class="dropdown-menu inner selectpicker" role="menu">
<li class="" rel="0"><a tabindex="0" class="" style=""><span class="text">Please Choose</span></a></li>
<li class="" rel="1"><a tabindex="0" class="" style=""><span class="text">QQQQ</span></a></li>
<li class="" rel="2"><a tabindex="0" class="" style=""><span class="text">PPPP</span></a></li>
<li class="" rel="3"><a tabindex="0" class="" style=""><span class="text">abc</span></a></li>
<li class="" rel="4"><a tabindex="0" class="" style=""><span class="text">aaaaaaaa</span></a></li>
</ul>
选择最后一个元素
driver.findElement(By.xpath("(//ul[@class='dropdown-menu inner selectpicker']/li)[last()]/a/span[@class='text']")).click();
扩展资料：
注意事项
如果页面中有两个<ul><li>...</li></ul>，需要先定位到特定的ul，不然li[last()]会始终选择当前页面的最后一个li。
css之指定带有特点样式的ul下所有li里面的a标签的样式
<style type="text/css">
ul.aside-hd li a{
color:#B97800;
}
.aside-hd li a:HOVER {
color:red;
}
</style>
css之指定带有特点样式的ul下所有li里面的a标签的样式。
/* CSS部分 */
ul li:last-child a
{
background:#ff0000;
}
<!-- HTML部分 -->
<ul>
<li><a href="#">第一个段落。</a></li>
<li><a href="#">第二个段落。</a></li>
<li><a href="#">第三个段落。</a></li>
<li><a href="#">第四个段落。</a></li>
</ul>
没用
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style media="screen" type="text/css">
ul li:last-child a { background:#ff0000; }
</style>
</head>
<body>
<ul>
<li><a href="#">第一个段落。</a></li>
<li><a href="#">第二个段落。</a></li>
<li><a href="#">第三个段落。</a></li>
<li><a href="#">第四个段落。</a></li>
</ul>
</body>
</html>
以上是我测试用的全部代码，你新建个HTML文档，全都放进去，如果还不好使可能跟浏览器有关，我这里实际测试IE9，谷歌，火狐都没有问题。
另外你那里不好使可能跟你之前设置的其他样式有关，或者在这之后又有别的样式把他覆盖了，如果是这样的话你只能自己找找问题在哪了
