javascript - 获取 div 的第一个 CSS 子元素

Question

我想获取 .wrapper 之后的第一个元素并将该元素设置为 padding:20px .例如，在这种情况下，我想要 <h1>有 20px 的填充。

<div class="wrapper">
    <h1>Text</h1>
</div>

---

但在这种情况下，我想要 div类 description有 20px 的填充。

<div class="wrapper">
    <div class="description">Text</div>
</div>

我该怎么做？我试过 :first-child但它没有用。谢谢。

Answer 1

.wrapper > :first-child {
  padding: 20px;
  background: red;
}

<div class="wrapper">
    <h1>Text</h1>
    <h2>Other Text</h1>
</div>
<div class="wrapper">
    <div class="description">Text</div>
    <div class="description">Other Text</div>
</div>

如果您确定子元素中永远不会嵌套任何元素，则可以省略 >。