html中li的最后一个样式,css – 在li之后添加>>,除了最后一个li

我正在开发像这样的面包屑：

• Behandelingen
• Gelaatsverzorgingen
• Environ Discovery

我正在使用Sass设计面包屑样式：

.breadcrumb {

@include outer-container;

@include shift(4);

margin-top: em(50);

padding-left: em(14);

li {

float: left;

margin-right: 15px;

}

}

添加“>>”在每个列表项之后,我在我的li定义中添加了这个：

&:after{

content: ">>";

margin-left: 10px;

}

这工作正常,但现在我想添加一个规则,定义不添加“>>”到最后一个列表项.我试过这个：

&:after:not(li:last) {

content: ">>";

margin-left: 10px;

}

但这使得所有“>>”消失.

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