如何从动态列表的最后一个元素中删除html unicode内容？

Question

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

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

我正在处理一个动态列表（<li>标签的数量随时间变化）。我需要从最后一个元素中删除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