ダイナミックリストの最後の要素からhtml unicodeコンテンツを削除するには？

Question

li:after{ content:"\00b6"; }

<ol> 
 
    <li>banana</li> 
 
    <li>orange</li> 
 
    <li class="last-class">apple</li> 
 
</ol>

私は動的リストに取り組んで（<li>タグの無いが時間通りに変化している）.I最後element.the最後の要素からHTML Unicodeのコンテンツを削除する必要があるが（クラスを持っていますここでは "ラストクラス"です）。それはCSSでできますか？

注：：別のフォントでも可能です。ここでは使用しませんでした。

Answer 1

擬似クラス:notを使用して、最後の子以外の要素にのみ擬似要素を追加できます。

li:not(:last-child):after { 
 
    content: "\00b6"; 
 
}

<ol> 
 
    <li>banana</li> 
 
    <li>orange</li> 
 
    <li class="last-class">apple</li> 
 
</ol>

---

あなたが唯一の最後の要素からそれを削除する必要があることを示してきたように、クラスが本当に必要とされていませんが、あなたはまた、のように、クラスでそれを行うことができます以下抜粋：

li:not(.last-class):after { 
 
    content: "\00b6"; 
 
}

<ol> 
 
    <li>banana</li> 
 
    <li>orange</li> 
 
    <li class="last-class">apple</li> 
 
</ol>

Answer 2

li:last-child:after {content: "";} 

これはあなたが探しているのですか？これをあなたのCSSにも追加してください