一尘不染

使用最后一个选择器

css

我的目标是在最后一个CSS上使用CSS li,但是这样做不是。

#refundReasonMenu #nav li:last-child {

    border-bottom: 1px solid #b5b5b5;

}


<div id="refundReasonMenu">

        <ul id="nav">

            <li><a id="abc" href="#">abcde</a></li>

            <li><a id="def" href="#">xyz</a></li>

        </ul>

    </div>

如何 选择最后一个孩子?


阅读 403

收藏
2020-05-16

共1个答案

一尘不染

:last-child伪类仍然无法可靠地跨浏览器使用。特别是,InternetExplorer<9和Safari<3.2绝对不支持它,尽管Internet Explorer 7和Safari 3.2 确实 支持:first-child

最好的选择是last-child向该项目显式添加一个(或类似的)类,然后应用li.last-child

2020-05-16