没有任何选择器的css伪类，可以吗？

Question

喜欢的选择器

.some-class :first-child

它选择 .some-class 中的第一个 child 在所有浏览器中都按预期工作，即使在 IE8 中也是如此。

但移动版 Chrome 的“减少数据选项”删除了 .some-class 和 :first-child 之间的空格，并通过将样式应用于 来破坏 CSS。 some-class 元素本身。在其他情况下，例如 .class1 .class2 Chrome 会保持空间不变。可能，它认为 .some-class 和 :first-child 之间的空间是一个非语义空间，因为它认为不可能有一个伪-没有某种选择器的类。

但是我已经检查了标准，它并没有说伪类必须有一个选择器。同时，所有带有伪类的示例都包含一个元素选择器，例如

p:first-child

所以我很困惑。这个 CSS 选择器是否不正确，或者 Chrome 的“减少数据使用”是否存在错误？

Answer 1

:first-child 作为独立选择器是有效的，这似乎是移动版 Chrome 中的一个错误。我们可以用 W3C's CSS Validator 确认这一点.

:first-child { background: #F00; }

Congratulations! No Error Found.

事实上，Selectors Level 3 specification 的选择器 部分中列出的所有内容作为独立选择器有效。我想 :first-child 的示例还包含元素选择器的原因是为了避免混淆并展示如何在该特定元素上使用它。