div 第一个标题的 CSS 选择器

Question

我有以下 HTML 结构：

<div class="content">
    <img src="#">
    <!-- Text content here -->
</div>

这构成了我制作的网站内容页面的基础，该网站使用 CMS 来管理内容，能够选择图像，然后使用所见即所得编辑器来编辑文本内容。CMS 输出的页面 HTML 示例如下：

<div class="content">
    <img src="#">
    <h1>Lorem</h1>
    <p>Lorem ipsum dolor</p>
</div>

是否有 CSS 选择器可以选择上面 HTML 示例中的 h1？如果文本内容部分以标题开头，我希望能够删除标题的上边距，但我无法使用类来执行此操作（因为文本内容是 CMS 通过 WYSIWYG 编辑器输出的）。

Answer 1

你可以试试这个

.content > img + h1{
 // css style
}

第二个选项

.content > h1:first-child{
// here css
}

第三名

.content h1:first-child{
// here style
}