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

Question

我想匹配整个文档中的第一个H1元素.但是,现在我遇到了一个问题.

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

h1:first-child {
...
}

但是,它匹配页面上的几个H1标签.我怎样才能让它与第一个相匹配？

Answer 1

没有这样的选择器; 所有可用的选择器只能匹配兄弟姐妹,而不是多个父母的同名元素的顺序.无论如何,你的选择器会非常脆弱.

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

body>header:first-child>h1

代替.