html - 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: " | ";
}