css Псевдоклассыn-child

Posted 2021-05-13

/*На самом деле :nth-child() - это цикл.*/

/*Если вы знаете точное количество элементов, например 10, то можно использовать*/
/*При таком селекторе он выберет два последних элемента, то есть 9 и 10.*/
:nth-child(n+9)


/*А вот при таком выберется с 1 по 4 элементы. */
:nth-child(-n+4)
 

/*Их можно комбинировать с 3 по 8.*/
:nth-child(n+3):nth-child(-n+8)

/*Это все доступные комбинации с nth. То же самое делает - только с конца.*/
:nth-last-child