如何从第一个

中删除上边距

之后的段落和

的上边距当它出现在

之后?

发布于 2025-01-02 11:14:25 字数 238 浏览 0 评论 0原文

如何在

之后的第一个

段落的顶部边距?如果任何 h2 出现在 p 之后,则 p 不应该有下边距,或者 h2 不应该有上边距

我有

h2
p

h2
p

How to top margin from first <p> paragraph after <h2>? and if any h2 comes after p then either p should not have bottom margin or h2 should not have top margin

I have

h2
p

h2
p

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

回忆追雨的时光 2025-01-09 11:14:25

如何删除

之后第一个

段落的上边距?

使用这个:

h2 + p {
    margin-top: 0;
}

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

如果任何 h2 出现在 p 之后,则 p 不应该有底部边距,或者
h2 不应有上边距

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

p + h2 {
    margin-top: 0;
}

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

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

How to remove top margin from first <p> paragraph after <h2>?

Use this:

h2 + p {
    margin-top: 0;
}

+ is the
adjacent sibling selector. It's supported in IE7+ and all modern browsers.

if any h2 comes after p then either p should not have bottom margin or
h2 should not have top margin

Using + again in exactly the same way..

p + h2 {
    margin-top: 0;
}

You can even combine them:

h2 + p, p + h2 {
    margin-top: 0;
}
怎会甘心 2025-01-09 11:14:25

使用此选择器:

h2 + p {
    margin-top: 0;
}

Use this selector:

h2 + p {
    margin-top: 0;
}
潜移默化 2025-01-09 11:14:25

尝试

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

然后在你的CSS中编写

.noTop{
 margin-top:0px;
}

然后对于你放置在h1下的每个p你可以添加类noTop(或你选择的另一个类)

try

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

and then in your css you write

.noTop{
 margin-top:0px;
}

And then for every p you place under a h1 you can add the class noTop (or another class of your choice)

流殇 2025-01-09 11:14:25

向其中添加一个类,例如块

CSS:

.block{
enter code here

Add a class to it, say block

CSS:

.block{
enter code here
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文