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

标签 css css-selectors

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

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

h1:first-child {
...
}

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

最佳答案

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

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

body>header:first-child>h1

相反。

关于css - 匹配整个文档中的第一个元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9439321/

相关文章:

jquery - 如何使用 jQuery 选择并替换整个页面

css - 应用 Bootstrap 时标题后面的双线停止工作

html - 如何在 Bootstrap 列中居中显示内容?

css - 可以选择第 2 列并为第 2 列的奇数行添加背景色吗?

javascript - 为什么 document.querySelectorAll 返回一个 StaticNodeList 而不是一个真正的数组?

css - 关于LESS中嵌套直系子孙的问题

html - revealjs 在 twitter bootstrap 中没有正确调整

html - @media 查询中的字体大小不适用

javascript - 如何使链接恢复到正常(不活动)状态?

java - Selenium 中的下拉 CSS 选择器