使用最后一个选择器

Question

我的目标是在最后一个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>

如何 只 选择最后一个孩子？

Answer 1

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

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