Как с CSS скрыть все элементы порядковый номер которых больше 4-х?

Question

[Евгений]

Здравствуйте!

Нужно в списке скрыть элемент с классом loading только если его место ≥4. Как решить задачу обязательно используя nth-of-type и желательно используя только CSS?

Задача — https://jsfiddle.net/3ryg76hb/

Спасибо!

Answer 1

[Сергей delphinpro]

https://jsfiddle.net/3ryg76hb/1/

nth-of-type использовать на элементах списка немного бессмысленно =) Кроме элементов li список не может содержать ничего другого. Достаточно nth-child.

Comments

[Евгений]

Спасибо за совет, но нужно использовать nth-of-type, потому что у каждого li в списке будут разные классы. Например, будет li.parentComment и li.childComment. Скрывать при этом надо только элементы с классом loading. Как-то так)

[Сергей delphinpro]

Евгений, =)
вы читали спецификацию этого псевдо-класса?
Я вам намекну: он называется nth-of-type, а не nth-of-class

[Сергей delphinpro]

на всякий случай вот документация на русском https://developer.mozilla.org/ru/docs/Web/CSS/:nth...
Добавьте этот сайт себе в закладки.