css - 选择最后一个 child ，除非它也是第一个 child

Question

我已经为我的 UL 的最后一个 LI 标签设置了一个规则:

.className li:last-child {
  stuff: here;
}

我是否能够在 CSS 中设置一条规则，表示“如果 last-child 也是 first-child，则将此样式应用于最后一个 LI 标记”，即 OL 中只有一个 LI 标记。

Answer 1

您可以与:not()一起使用选择器。

CSS pseudo-class :not(X) is a functional notation taking a simple selector X as an argument. It matches an element that is not represented by the argument.

li:last-child:not(:first-child) {
  color: red;
}

<ul>
  <li>item a</li>
  <li>item b</li>
  <li>item c</li>
</ul>

<ul>
  <li>only item</li>
</ul>