Использование: nth-child и: nth-last-child одновременно

Я не могу делать псевдо-классы :nth-child и :nth-last-child одновременно.

Хорошо работает (выделяет первые 3 элемента):

#a li:nth-child(-n+3) {
   background: #fbfcc8; 
}

#a

Хорошо работает (выделяет последние 3 элемента):

#b li:nth-last-child(-n+3) {
   background: #fbfcc8; 
}

#b

Не работает (выделяет первые 3 элемента и последний):

#c li:nth-child(-n+3), #c li:nth-last-child(-n+3) {
   background: #fbfcc8; 
}

#c

http://jsfiddle.net/8GSQ6/2/

Обновление

В реальном я имею более сложный HTML, поэтому кажется, что это просто ошибка.

enter image description here

Ответы

Ответ 1

Это просто ошибка в Google Chrome 31.0.1650.57 для Mac. Firefox, Safari и новейший Google Chrome работают хорошо.

Ответ 2

Попробуйте следующее:

    #c1 li:nth-child(-n+3), #c1 li:nth-last-child(-n+3) {
       background: #fbfcc8; 
    }

Это работает для меня..

Измените идентификатор на c1.