如何抑制同一 CSS 类的段落之间的间距？

Question

我想做的是做一些像......

<p class="A">Line of class A</p>
<p class="B">Line of class B</p>
<p class="B">Line of class B</p>
<p class="B">Line of class B</p>
<p class="C">Line of class C</p>
<p class="C">Line of class C</p>
<p class="D">Line of class D</p>

... 结果像：

A类线

B类线
B类线
B类线

C类线
C类线

D类线路

我已经搞乱了边距、行高和容器 div，但到目前为止还没有任何组合对我有用。这可能吗？

Answer 1

如果你的元素总是按顺序排列，你可以简单地这样做：

.A ~ .A,
.B ~ .B,
.C ~ .C,
.D ~ .D{
  margin-top:-15px;
}

<p class="A">Line of class A</p>
<p class="B">Line of class B</p>
<p class="B">Line of class B</p>
<p class="B">Line of class B</p>
<p class="C">Line of class C</p>
<p class="C">Line of class C</p>
<p class="D">Line of class D</p>