В чем разница между псевдоклассами :nth-child и :nth-of-type?

Разница между псевдоклассами :nth-child и :nth-of-type заключается в том, как они выбирают элементы из группы HTML-элементов. 2

:nth-child выбирает элементы из общей группы, независимо от их типа. 25 Например, выбирает элемент

из смешанной группы, которая включает

,

и

. 2

:nth-of-type выбирает элементы из определённой группы, учитывая тип элемента. 24 Например, выбирает элемент

из группы родственных элементов того же типа. 2

Таким образом, если нужно выбрать какой-то интервал независимо от типа элемента, используется :nth-child, а если нужно выбрать только определённый тип, используется :nth-of-type. 1