CSS :not(:last-child):after selector

Question

我有一个元素列表，其样式如下:

ul {
    list-style-type: none;
    text-align: center;
}

li {
    display: inline;
}

li:not(:last-child):after {
    content:' |';
}

<ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
    <li>Four</li>
    <li>Five</li>
</ul>

输出 一个 |两个 |三 |四 |五个 | 而不是 一个 |两个 |三 |四 |五

有人知道如何使用 CSS 选择除最后一个元素以外的所有元素吗？

可以看到:not()选择器的定义here

Answer 1

如果是not选择器的问题，可以全部设置，覆盖最后一个

li:after
{
  content: ' |';
}
li:last-child:after
{
  content: '';
}

或者如果你之前可以使用，就不需要last-child

li+li:before
{
  content: '| ';
}