如何在</p> <h2>之后从第一个<p>段移除上边距,在<p>之后从</h2> <h2>中删除上边距?</p> </h2>

时间:2012-02-06 12:14:08

标签: css

如何在<p>之后的第<h2>段开始追加保证金?如果在h2之后有任何p,那么p不应该有下边距或h2不应该有上边距

我有

h2
p

h2
p

4 个答案:

答案 0 :(得分:11)

  

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

使用此:

h2 + p {
    margin-top: 0;
}

+adjacent sibling selector。它在IE7 +和所有现代浏览器中都得到了支持。

  

如果p后面有任何h2,那么p不应该有下边距或者   h2不应该有上边距

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

p + h2 {
    margin-top: 0;
}

你甚至可以将它们结合起来:

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

答案 1 :(得分:2)

使用此选择器:

h2 + p {
    margin-top: 0;
}

答案 2 :(得分:2)

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

然后在你的CSS中写下

.noTop{
 margin-top:0px;
}

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

答案 3 :(得分:0)

为它添加一个类,比如块

CSS:

.block{
enter code here