CSS样式一个ul的最后3里

我有一个

ul

，里面有7个

li

。我知道我可以为第一个和最后一个

li

设置样式，但是否可以为最后3个

li

设置样式，使文本具有不同的颜色？这是我第一次遇到这个问题/困境。我在谷歌上搜索了一下，并没有发现多少对我有帮助的东西

<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>

国际销售代表

恩斯特第一怡东酒店

我更新了编码——尝试给出的解决方案，但目前不起作用，但会坚持下去

这应该可以做到（但请注意，它在旧版本的IE中不起作用）：

按如下方式使用css选择器：

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

这里还有一个例子： 您可以使用：

li:nth-last-child(1), li:nth-last-child(2), li:nth-last-child(3) {
  color: red;
}

---

这是一种可能的代码

.myList li:nth-last-child(1),
.myList li:nth-last-child(2),
.myList li:nth-last-child(3)
{
    color: red;
}

---

演示：

寻找pseudo class:nth child-但那是CSS3，所以没有一致的浏览器支持，所以除了IE:Nice之外，所有主要浏览器都不支持！（你的小提琴使用-n+3，而不是-n+4。）这一点你很在行；然而，如果不使用JavaScript，您将无法在较小的浏览器中完全通过CSS实现它。至少我认为。@Romanulus-我将保持现状-IE9工作正常-这就足够了-谢谢大家的帮助！更新。谢谢你，但是这个答案应该更兼容旧的浏览器。