仅选择与CSS匹配的第一个匹配项

时间:2015-07-14 08:19:52

标签: css css-selectors

document.querySelector("h2")仅返回与该类选择器匹配的第一个元素。

这可以在CSS中完成吗?这不像是在执行:h2:first-child,因为这会选择每个<h2>作为其父级的第一个元素......

以此为例:

<body>
    <h1>Title</h1>
    <h2>Sub</h2>
    <article>
        <h1>Title2</h1>
        <p>Blabla</p>
        <h2>Introduction</h2>
        <p>Blabla</p>
        <h2>Methods</h2>
        <h2>Conclusions</h2>
    </article>
    <footer>
        <h2>Bla</h2>
    </footer>
</body>

我知道有办法只选择<h2>包含&#34; Sub&#34;,但我可以在querySelector中问:获取所有这些并过滤第一个,第二个或第三个...?

0 个答案:

没有答案