定位最后一个孩子，但如果它是唯一的孩子则不定位

Question

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

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

CSS：

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

Answer 1

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

.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>