Css 添加>&燃气轮机；在李之后，除了最后一个李

我正在开发这样一种面包屑：

<div class="breadcrumb">
  <ul>
    <li><a href="behandelingen.html">Behandelingen</a></li>
    <li><a href="behandelingen-cat.html">Gelaatsverzorgingen</a></li>
    <li class="active">Environ Discovery</li>
 </div>

要在每个列表项后添加“>>”，我在我的li定义中添加了以下内容：

&:after{
  content: ">>";
  margin-left: 10px;
}

这很好，但现在我想添加一个规则，定义不向最后一个列表项添加“>>”。我试过这个：

&:after:not(li:last) {
  content: ">>";
  margin-left: 10px;
}

但这会让所有“>>”消失

有人能告诉我如何在每个列表项后添加“>>”吗，最后一个除外？

您想要

：而不是（：last child）

：

&:not(:last-child):after {
  content: ">>";
  margin-left: 10px;
}

：last

不是有效的CSS选择器，并且在

：not（）

中不能有多个简单选择器。由于嵌套选择器已经使用了

li

，因此可以省略

li

部分

：after

，作为一个伪元素，也需要放置在

：not（）

之后才能使其有效

&:not(:last-child):after {
  content: ">>";
  margin-left: 10px;
}