css - 针对最后一个 child ，但如果它是唯一的 child 则不

Question

如果我在div中只有三个段落，结果应该是最后一段是红色的。

但是，如果我的 div 中只有一个段落，我该如何忽略 last-of-type 结果呢？

CSS:

p:last-of-type {
  background: #ff0000;
}

Answer 1

:not 的组合和 :only-of-type pseudo-classes可能适用于此。

.sample {
  border: 1px solid #999;
  padding: 1em;
}

p:last-of-type:not(:only-of-type) {
  background: #ff0000;
}

<div class="sample multiple">
  <p>first paragraph</p>
  <p>second paragraph</p>
  <p>third paragraph</p>
</div>

<div class="sample single">
  <p>first paragraph</p>
</div>