div的第一个标题的CSS选择器

Question

我有以下HTML结构：

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

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

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

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

Answer 1

你可以试试这个

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

第二个选项

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

第3次

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

Answer 2

如果我理解您的要求，您只需使用h1。

例如

h1 {
    margin:0;
}

如果您想要第一个h1，则可以使用:first-child

当我开始编码时，我通常会做的是清理浏览器制作的边距和填充。

h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
}

CSS选择器： http://www.w3schools.com/cssref/css_selectors.asp

Answer 3

尝试：

.content h1:first-child {
    /* CSS */
}

Answer 4

.content > h1:first-of-type {margin-top:0;}

应该这样做

Answer 5

或者您也可以使用

.content h1:first-of-type{
// here style
}