css - 匹配整个文档中的第一个元素？

Question

这个问题已经有答案了:

Matching the first/nth element of a certain type in the entire document (1 个回答)

已关闭 8 年前。

我想匹配整个文档中的第一个 H1 元素。然而，现在我遇到了一个问题。

我正在使用以下 CSS 选择器:

h1:first-child {
...
}

但是，它与页面上的多个 H1 标签相匹配。我怎样才能让它只匹配第一个？

Answer 1

没有这样的选择器； all available selectors只能匹配 sibling ，而不能匹配多个父级中同名元素的顺序。无论如何，你的选择器都会非常脆弱。

相反，只需使用适当的类标记第一个 h1，或匹配其结构即可。例如，您可能想要匹配

body>header:first-child>h1

相反。