Question

我想申请margin-bottom，只有在另一段之后直接有另一段。我知道有一种方法可以选择第一段，如果下一段也是段落，但遗憾的是我忘记了。

我想加号：#blog .blog-post .entry p+p。

但这会导致在最后一段添加margin-bottom。

Answer 1

您可以使用nth-child。有关详细信息，请参阅此处：https://css-tricks.com/how-nth-child-works/

要添加更多细节，请务必执行以下操作：

p:nth-child(2) { }

如果第二个p是div的子节点，则将其应用于div。 More details on child selection

Answer 2

使用 E + F 选择器时。目标是 F 。只需添加margin-top而不是margin-buttom

Answer 3

我会将:first-child与兄弟选择器+一起使用。如果您想阻止选择最后一个段落，请选择使用:not()：:not(:last-child)。大多数这些CSS功能都属于CSS3 Selectors，唯一可能遇到问题的浏览器是IE8（如果您甚至支持它）。

以下是一个例子：

<section>
  <p>One</p>
  <p>Two</p>
  <p>Three</p>
</section>

section p:first-child + p {
  background-color: lime;
}