CSS - 样式ul的最后3 li

Question

我里面ul有7个li.我知道我可以设计第一个和最后一个li但是可以设置最后3个li的样式,所以文字是不同的颜色？这是我第一次遇到这个问题/困境.我已经google了一下,并没有找到真正帮助我的东西.

<div class="international-portfolio">
<div class="international-portfolio-title"> Sales Representation International</div>
<ul class="nobullet inline int-portfolio ">
<li class="excelsior-hotel-ernst first">
<li class="le-mas-candille">
<li class="mandarin-oriental-hotel-group-worldwide">
<li class="victoria-jungfrau-grand-hotel-spa">
<li class="palace-luzern">
<li class="eden-au-lac">
<li class="bellevue-palace last">
</ul>
</div>

香港专业教育学院更新了编码 - 尝试解决方案,但目前没有工作,但将坚持下去.

Answer 1

这应该可以解决问题(但请注意,它不适用于旧版本的IE):http: //reference.sitepoint.com/css/pseudoclass-nthlastchild

使用css选择器如下:

li:nth-last-child(-n+3) {
  /*stuff here*/
}

这也是一个例子:http: //jsfiddle.net/yAUwb/