使用现代CSS删除第一个元素的上边距

使用CSS和最新的Chrome或Firefox是否可以自动删除第一个标记的上边距，或者我仍然必须使用jQuery

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

恐怕这在IE6中不起作用，在IE7中可能有问题。

伪选择器

h1:first-child {
    margin-top: 0;
}

---

请注意，IE 7和早期版本不支持这些功能，因此您可能仍然需要jQuery备份解决方案。

向h1标记添加一个类，如：

<h1 class="first">Your text</h1>

您只需要h1:first-child{margin-top:0px；}

页面选择器没有：first，所以不能确定是否使用CSS。在CSS中，没有办法从一个页面中提取所有h1，不管它们的父母和之前的兄弟姐妹是什么，而只取第一个。 您需要更多地了解h1元素

示例：

如果第一个h1也是HTML 4.01中body>header或header的第一个子项或唯一子项，则可以选择它 如果所有h1都是同级，那么h1:first of type肯定是第一个 如果第一个h1正好位于某个区段中主导航的后面，则body>nav+section>h1将选择它。或者可能是body>header>nav+section>h1:第一种类型

---

现代的，比如CSS3？h1:first child{margin:top:0；}？我工作时的印象是HTML文档中应该只有一个h1=/@DavidThomas不，你可以有很多h1元素，只要它们是页面中同等重要内容的标题。使用，您可以只使用h1元素，并且仍然具有与HTML4.01相同的结果，在HTML4.01中，您必须使用h1-h6，尽管目前还不建议使用h1-h6，因为屏幕阅读器无法从浏览器中获得标题的确切级别，更不用说仍然存在并且永远不会像HTML5规范所说的那样使用的旧浏览器了。你可以在一个页面中有许多h1元素，所有元素都可以是它们各自父元素的第一个子元素，而不是页面的第一个子元素。让我补充一下这个答案：如果你想支持旧IE，你可以使用selectivzr.js库。但是不要使用1.0.2版本，因为它有一些问题。使用GitHub的1.0.3b版本。

.first
{
    margin-top: 0;
}