Ответ 1
Это просто ошибка в Google Chrome 31.0.1650.57 для Mac. Firefox, Safari и новейший Google Chrome работают хорошо.
Я не могу делать псевдо-классы :nth-child
и :nth-last-child
одновременно.
Хорошо работает (выделяет первые 3 элемента):
#a li:nth-child(-n+3) {
background: #fbfcc8;
}
Хорошо работает (выделяет последние 3 элемента):
#b li:nth-last-child(-n+3) {
background: #fbfcc8;
}
Не работает (выделяет первые 3 элемента и последний):
#c li:nth-child(-n+3), #c li:nth-last-child(-n+3) {
background: #fbfcc8;
}
Обновление
В реальном я имею более сложный HTML, поэтому кажется, что это просто ошибка.
Это просто ошибка в Google Chrome 31.0.1650.57 для Mac. Firefox, Safari и новейший Google Chrome работают хорошо.
Попробуйте следующее:
#c1 li:nth-child(-n+3), #c1 li:nth-last-child(-n+3) {
background: #fbfcc8;
}
Это работает для меня..
Измените идентификатор на c1
.