加入>>李後，除了最後李

Question

我正在開發這樣的痕跡：

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

我用造型薩斯的痕跡：

.breadcrumb { 
    @include outer-container; 
    @include shift(4); 
    margin-top: em(50); 
    padding-left: em(14); 
    li { 
    float: left; 
    margin-right: 15px; 
    } 
} 

添加「> >」每一個列表項後，我加入這個我李定義中：

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

能正常工作，但現在我想補充一點，定義不添加規則‘>>’到拉斯維加斯t列表項目。我試過這個：

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

但這使得所有「>>」消失。

有人能告訴我如何在每個列表項後添加「>>」，除了最後一個？

Answer 1

你想:not(:last-child)代替：

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

:last不是有效的CSS選擇器，你不能在:not()有不止一個簡單的選擇。由於嵌套選擇器已經使用li，因此可以省略li部分。

:after，作爲一個僞元素，也需要放置在:not()之後纔有效。