Чем отличается CSS nth-child от nth-of-type?

Основное отличие CSS-селекторов nth-child и nth-of-type заключается в том, что nth-child выбирает элементы из любой группы, а nth-of-type — из элементов заданного типа. 3

nth-child считает все элементы, находящиеся на одном уровне вложенности относительно родительского элемента, не обращая внимания на тег. 1 Например, с его помощью можно выбрать элемент

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

,

и

. 3

nth-of-type работает так же, как nth-child, но считает только элементы заданного типа. 1 Например, с его помощью можно выбрать элемент

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

. 3