如何删除后第一段的上边距<p> <h2> 和之后的上边距<h2><p>?

  • 本文关键字:h2 何删除 之后 删除 一段 css
  • 更新时间 :
  • 英文 :


如何在<h2>之后从第一段<p>上边距?如果有任何h2出现在p之后,那么p不应该有下边距,或者h2不应该有上边距

我有

h2
p
h2
p

如何在<h2>后删除第一段<p>上边距?

使用这个:

h2 + p {
    margin-top: 0;
}

+是相邻同级选择器。IE7+ 和所有现代浏览器都支持它。

如果任何 H2 在 P 之后,则 P 不应具有下边距或 H2 不应具有上边距

以完全相同的方式再次使用+..

p + h2 {
    margin-top: 0;
}

您甚至可以将它们组合在一起:

h2 + p, p + h2 {
    margin-top: 0;
}

使用此选择器:

h2 + p {
    margin-top: 0;
}

试试

<h1>Some header</h1>
<p class='noTop'>Some paragraph content</p>

然后在你的 CSS 中你写

.noTop{
 margin-top:0px;
}

然后,对于您在h1下放置的每个p,您可以添加类noTop(或您选择的其他类(

添加一个类,比如块

.CSS:

.block{
enter code here

最新更新