我尝试制作由|标记分隔的链接的内联列表。它可能很hacky，但我虽然应该使用::before伪元素来工作：
li {
list-style: none;
float: left;
}
li:not(:first-child) ::before {
content: "|";
margin: 0 1em;
}<ul>
<li><a href="..">Example 1</a></li>
<li><a href="..">Example 2</a></li>
<li><a href="..">Example 3</a></li>
</ul>看起来不错，但由于某种原因，它已|成为链接元素的一部分。可单击并以相同的标准蓝色突出显示。
我希望伪元素在包含链接的内容之前成为该元素的第一个子li元素。我究竟做错了什么？
从字面上看::before，您之前有一个多余的空间（如果删除的话）看起来不错。
li {
list-style: none;
float: left;
}
li:not(:first-child)::before {
content: "|";
margin: 0 1em;
}<ul>
<li><a href="..">Example 1</a></li>
<li><a href="..">Example 2</a></li>
<li><a href="..">Example 3</a></li>
</ul>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句