html - 第一个子元素的CSS选择器

Question

假设我的 html 看起来像这样:

<div class="container">
    <... some html here ...>
</div>

我想获得 .container 的第一个直接子级。

我可以做 .container > div:first-child，但这是假设它是一个 div，但情况并非总是如此。

Answer 1

使用不带标记名的 :first-child 伪类:

.container > :first-child

这将获取任何直接的第一个子元素，而不管它的标记名。这类似于我们使用其他伪类的方式，例如 :hover 单独针对任何元素，而 a:hover 仅针对 anchor 的悬停状态。