CSS ::之后选择器

Question

我试图在选择器之后使用CSS在无序列表的项目之间插入管道。管道未显示在浏览器中。这是我的代码：
CSS：

li.link::after{
content: " | ";
color: white;
}

HTML：

<ul id="navi">
       <li class="links"><a href="was">wut</a></li>
       <li class="links"><a href="wie">Y</a></li>
       <li class="links"><a href="memes">memes</a></li>
</ul>

Answer 1

这应该有帮助。

ul#navi li {
    display:inline;
}
ul#navi li + li::before {
    content: " | ";
}

Answer 2

css代码：

li.links::after{
  content: " | ";
  color: white;
}