Использование nth-child для стиля элемента 4 и далее

Question

У меня есть элемент списка, в котором я хотел бы, чтобы 4-й элемент и далее имел другой background-color.

Я пробовал следующее:

li:nth-child(4) { background-color:blue; }

Этот стильтолько 4-й пункт.Затем я попробовал следующее в надежде, что это будет стиль 4-го элемента и далее, но это не сработало:

li:nth-child(4+) { background-color:blue; }

Как я могу заставить это работать без указания 4-го, 5-го, 6-го,7-й и тд ...?

Answer 1

Использование :nth-child(n+5) (индексы CSS начинаются с 1).

Демонстрация: http://jsfiddle.net/nTZrg/1/

li:nth-child(n+5) {
    background-color:blue;
}

Answer 2

Вам нужно сделать это

li:nth-child(n+5) { background-color:blue; }

Пример: http://jsfiddle.net/jasongennaro/2p4e9/1/