使用最后一个选择器

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

如何 选择最后一个孩子?

回答:

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

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

以上是 使用最后一个选择器 的全部内容, 来源链接: utcz.com/qa/406903.html

回到顶部