仅设置多个段落的样式

Question

我想知道如何做到这一点。 在每个段落下，我想要一个30px的保证金底部，但仅限于包含多个段落的文章。我怎样才能解决这个问题？

我注意你的建议：）

卡斯帕

Answer 1

如果您正在谈论<p>标签，请使用以下css选择器：

p + p {
    margin-top: 30px;
}

会为跟随另一个段落的每个段落添加30px的上边距...与您提出的效果相同。

http://jsfiddle.net/g91afp8z/

Answer 2

实际上它取决于你的标记，但是你可以将<p>元素作为其父类中唯一的类型 - 文章 - 定位如下：

EXAMPLE HERE

article > p:not(:only-of-type) {
    margin-bottom: 30px;
}

如果您要排除最后一段，请同时添加:not(:last-of-type)：

<强> EXAMPLE HERE

article > p:not(:only-of-type):not(:last-of-type) {
    margin-bottom: 30px;
}

值得注意的是，IE 8及以下版本不支持:not，:only-of-type和:last-of-type伪类。

---

您还可以通过margin-top添加p ~ p来伪造效果，而不是使用General sibling selector article > p ~ p { margin-top: 30px; } 来增加第2，第3，第4，...... 段落IE7 +也支持。

EXAMPLE HERE

{{1}}