CSS - стиль последние 3 ли уль

Question

У меня есть 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>

Я обновил кодировку - пробовал решения, которые были даны, но в данный момент не работают, но будут его придерживаться.

Answer 1

Это должно сработать (но учтите, это не будет работать в старых версиях IE): http://reference.sitepoint.com/css/pseudoclass-nthlastchild

Используйте селектор css следующим образом:

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

Вот и пример: http://jsfiddle.net/yAUwb/

Answer 2

Вы можете использовать:

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

Answer 3

Это возможно с этим кодом

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

Демо: http://jsfiddle.net/2np58/