В чем разница между p:nth-child(2)
и p:nth-of-type(2)
?
Согласно W3Schools CSS Selector Reference:
-
p:nth-child(2)
: выбирает каждый элемент<p>
который является вторым дочерним элементом его родителя. -
p:nth-of-type(2)
: выбор каждого элемента<p>
который является вторым элементом<p>
его родителя.
Разница кажется дочерней родительской и <p>
элементом ее родителя.
Если мы уже упоминаем тип элемента как <p>
в обоих случаях, а ключевое слово parent устанавливает отношение родитель-потомок, то в чем же разница?