html - 在 span 元素中获取 p 的第一个子元素

Question

我需要获取 p 元素的第一个子元素(通过 JS 动态创建并具有相同的 id)。基本上我想为第一个 p 子元素添加一个 margin-top。

<div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2" id="exmkp" style="display:none">
      <span id="heading"></span>
        <p>......</p>
        <p>......</p>

Answer 1

为此使用:first-of-type 伪类。它将始终选择 div#exmkp 中的第一段，即使该段落不是第一个子段落也是如此。

#exmkp p:first-of-type {
  background: yellow;
}

<div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2" id="exmkp">
  <span id="heading">Heading</span>
  <p>......</p>
  <p>......</p>
</div>

附加信息
如果你想选择第一段，但只有当它也是 div 内的第一个 child 时，你可以使用 #exmkp p:first-child。