我的目标是在最后一个CSS上使用CSS li,但是这样做不是。
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
:first-child
最好的选择是last-child向该项目显式添加一个(或类似的)类,然后应用li.last-child。
last-child
li.last-child