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

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

:nth-child выбирает элементы из общей группы, независимо от их типа. www.freecodecamp.org www.geeksforgeeks.org Например, выбирает элемент <p> из смешанной группы, которая включает <h1>, <div> и <section>. www.freecodecamp.org

:nth-of-type выбирает элементы из определённой группы, учитывая тип элемента. www.freecodecamp.org ru.stackoverflow.com Например, выбирает элемент <p> из группы родственных элементов того же типа. www.freecodecamp.org

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