:nth-child — это псевдокласс в CSS, который выбирает элементы на основе их позиции (индекса) внутри родительского контейнера.
Синтаксис :nth-child(n) определяет, какие элементы будут выбраны на основе следующего правила: n является целым числом (1, 2, 3 и т.д.), и выбирает каждый n-й элемент. Например, :nth-child(2) будет выбирать все элементы, которые являются вторым потомком своих родителей.
Также может использоваться с помощью формулы an+b. Например, :nth-child(3n+2) будет выбирать каждый третий элемент, начиная со второго.
Псевдокласс :nth-child может быть очень полезен, когда необходимо выбрать определенные элементы на странице, например, каждую третью ячейку таблицы, каждый второй элемент списка и т.д.