html - CSS:包含文本节点的第一个 child 选择器

Question

有什么方法可以选择作为其父元素的第一个子元素的 CSS 元素，计算文本节点？如果标题位于其父级的顶部，我想删除标题的上边距，但如果我使用:

#content h1 {
    margin-top: 1em;
}
#content h1:first-child {
    margin-top: 0;
}

并有一些 HTML，比如

<div id="content">
    This is some text.
    <h1>A heading</h1>
    Some more text.
</div>

边距仍然被移除。 CSS 中有什么方法可以防止这种情况发生吗？

Answer 1

移除margin，而不仅仅是margin-top，h1元素将下一个元素向下推

#content h1 {
    margin-top: 1em;
}
#content h1:first-child {
    margin: 0px;
}

Demo Fiddle

如果你想删除除第一个以外的所有内容

#content h1:not(:first-child) {
    margin: 0px;
}

Updated Fiddle