Отрицательный порядковый номер в nth-child
// Отрицательный порядковый номер в nth-child
// Используем отрицательные аргументы в nth-child для выбора элементов с 1 по n
li {
display: none;
}
// выбираем элементы с 1 по 3 и отображаем их
li:nth-child(-n+3) {
display: block;
}
// Или, теперь, когда мы знаем все об использовании псевдо-класса :not(), можем попробовать так:
// скрываем все элемента ul-списка, кроме элементов с 1 по 3
li:not(:nth-child(-n+3)) {
display: none;
}