小编Ali*_*ina的帖子

我一直在寻找如何编辑使用CSS标题后的最后一段.

我认为#div h1 ~ p:last-child可以做到这一点,但它会跳过第二个标题并编辑列表前的最后一段.我已经搜索了一段时间并遇到了一些高级CSS帮助站点,但他们正在重复使用最常见的高级选择器.

HTML:

<h1>Heading</h1>
<p>content</p>
<p>content</p>
<p>content</p>

<h2>Heading</h2>
<p>content</p>
<ul>
      <li>list</li>
      <li>list</li>
</ul>

CSS:

#contentContainer > h1 ~ p:last-of-type {
    border-bottom: 1px solid #000;
}