我有一个元素列表,其样式如下:
ul {
list-style-type: none;
text-align: center;
}
li {
display: inline;
}
li:not(:last-child):after {
content:' |';
}Run Code Online (Sandbox Code Playgroud)
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ul>Run Code Online (Sandbox Code Playgroud)
输出One | Two | Three | Four | Five |而不是One | Two | Three | Four | Five
任何人都知道如何选择CSS除了最后一个元素?
您可以在此处查看:not()选择器的定义