类型(1)的第n个和类型伪类的第一个之间的差异

Question

我很好奇类型(1(的第n个和类型的第一个之间有什么区别。从我的用法来看，它们似乎做了同样的事情，但如果是第一个元素，每个代码示例都会使用第一个类型，而不是第n个类型(1(。

两者之间有什么区别？

Answer 1

来自规范：

与:nth-of-type(1)相同。:first-of-type伪类表示作为其类型的第一个同级元素的元素。

它们是相同的，我们都同意这一点，但我们可能需要它们用于不同的用例。

想象一下，我需要编写一个SASS循环来创建基于索引的选择器。我将使用:nth-of-type

例如：

@for $i from 1 through $n {
.container > div:nth-of-type(#{$i}) { ... }
}

有时我只需要针对第一个元素，这样我就可以简单地使用first-of-type，这将使代码更容易阅读。