CSS шпаргалка. Использование :nth-child

Чтобы найти и задать CSS стили для определенного элемента или группы элементов в списке, используется псевдоклассы :nth-child, :first-child, :last-child и :nth-last-child. Мы собрали список самых популярных правил при использовании этих правил:

li:nth-child(4n+4) { каждый четвертый элемент }
li:nth-child(4n+4) { четвертый элемент }
li:nth-child(n+6) { начиная с 6 элемента и далее}
li:nth-child(-n+5) { для 5 первых элементов }
li:nth-child(3n+1) { каждый третий элемент, начиная с первого }
li:nth-child(odd) { все нечетные элементы: 1, 3, 5 и т.д. }
li:nth-child(even) { все четные Элементы: 2, 4, 6 и т.д. }
li:first-child { первый элемент в списке }
li:last-child { последний элемент в списке }
li:nth-last-child(2) { предпоследний, второй с конца элемент в списке }
li:first-child { последний элемент в списке }