怎么用CSS选择ul里最后一个li里面的a元素

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么用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标签的样式。

参考技术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,谷歌,火狐都没有问题。


另外你那里不好使可能跟你之前设置的其他样式有关,或者在这之后又有别的样式把他覆盖了,如果是这样的话你只能自己找找问题在哪了

本回答被提问者和网友采纳

jquery 请问我怎么获得每个ul的第 二个 或者第三格li元素呢?

$("ulli:first") 这个是获取每个ul的第一个li元素

请问我怎么获得每个ul的第 二个 或者第三格li元素呢?

<ul>
    <li>第1个</li>
    <li>第2个</li>
    <li>第3个</li>
    <li>第4个</li>
</ul>

使用eq选择器获取
语法:$(":eq(index)") index值从0开始。
获取第二个 $("ul li:eq(1)")
获取第三个 $("ul li:eq(2)")

jquery 还有很多有趣的选择器,可百度“jquery选择器大全”查看资料

参考技术A eq(n)
n=2,3...
参考技术B 把握设置一下吧追问

解决$("ulli:eq(1)") // 因为eq()从0开始

本回答被提问者采纳

以上是关于怎么用CSS选择ul里最后一个li里面的a元素的主要内容,如果未能解决你的问题,请参考以下文章

php或者JS或者CSS怎么删除ul中最后一个li的border-bottom

如何用jquery获得每个ul下最后一个li

怎么设置ul?

jquery如何获取ul中第一个li和最后一个li

js实现元素的多选,或单选功能

css选择器