> *:first-child 和 > :first-child 之间是否存在功能差异？

Question

在编写一段代码时，我注意到在一个地方我写了> :first-child，后来又写了> *:first-child。两个块似乎都可以正常工作，但两者之间有区别吗？

Answer 1

即使我们考虑性能，它们也是相同的。从the specification我们可以阅读

如果由 * 表示的通用选择器（即没有命名空间前缀）不是简单选择器选择器序列的唯一组成部分或紧随其后的是伪元素，则 * 可以省略 和通用选择器的存在隐含。

所以写> :first-child应该和浏览器的> *:first-child意思一样。

你也可以阅读

注意：建议不要省略 *，因为这样可以减少 div :first-child 和 div:first-child 之间的潜在混淆。在这里，div *:first-child 更具可读性。

因此，这不仅是偏好问题，而且有助于避免混淆并使代码更具可读性。

---

在the new sepcification我们也可以阅读：

除非元素是无特征的，否则通用选择器的存在对元素是否匹配选择器没有影响。

和

注意：在某些情况下，添加通用选择器可以使选择器更易于阅读，即使它对匹配行为没有影响。例如，div :first-child 和 div:first-child 乍一看有点难以区分，但将前者写成 div *:first-child 可以明显看出区别。