Я немного смущен о псевдо-классе nth-of-type и о том, как это должно работать, особенно в сравнении с классом nth-child.
Возможно, у меня неправильная идея, но с учетом этой структуры
<div class="row">
<div class="icon">A</div>
<div class="icon">B</div>
<div class="label">1</div>
<div class="label">2</div>
<div class="label">3</div>
</div>
. Третий дочерний элемент (сначала с меткой класса) должен (возможно?) выбираться с помощью
.row .label:nth-of-type(1) {
/* some rules */
}
Однако, по крайней мере, в хром здесь он не выбирает его. Он работает только в том случае, если он является первым дочерним элементом в строке, который является таким же, как nth-child, поэтому какая разница между этим и nth-of-type?