相关疑难解决方法(0)

我对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 */
}

但是,至少在Chrome中,它不会选择它.只有当它是行中的第一个子节点时才会起作用,它与nth-child相同 - 因此,这与nth-of-type有什么区别？