deaddale
1/20/2016 - 8:44 AM

Отрицательный порядковый номер в nth-child

Отрицательный порядковый номер в 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;
}