Html 未排序的列表前有或无文本的上页边距

这是我的密码：

.content{
填充顶部：10px；
}
保险商实验室{
填充顶部：0；
边际上限：0；
}

标题

项目1
项目2

.content>ul

和

.content>ul:first child

相同，因此存在冲突。首先添加

边距：10px

，然后添加

边距：0px

margin:0px

是赢家，因为在

margin:10px

之后

h1{
边缘底部：10px；
}
.内容ul{
边缘顶部：10px；
}

标题
一些文本

项目1
项目2

使用一些技巧，您可以在

h1

中添加

页边距底部

，然后在

ul

上添加

页边距顶部

由于包装

ul

的

div

没有填充、边框或任何内容（当没有文本时），因此

页边距顶部

将在父级外部折叠，并应用于

div

，然后

h1

上的该页边距和底部页边距将作为相邻同级折叠

然后，当您将内联内容添加到

div

时，它包含

ul

上的边距，位于

div

h1{
边缘底部：10px；
}
保险商实验室{
填充顶部：0；
边缘顶部：10px；
}

标题
文本

项目1
项目2

介意将内容上的填充移动到h1上的空白处吗@迈克尔克尔：那管用！出于某种原因，我认为这两个边距会发生冲突。请张贴作为答案，我会接受。谢谢你，先生