我有一个元素列表,其样式如下:
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>
输出One | Two | Three | Four | Five |
代替One | Two | Three | Four | Five
有谁知道如何使用CSS选择除最后一个元素以外的所有元素?
您可以在此处查看:not()
选择器的定义
1
这种现象似乎是Chrome 10中的错误。它在Firefox 3.5中适用于我。
—
2011年
实际上只是在2018年使用最新的Chrome浏览器运行了代码段,并按预期工作。
—
atoth