html - 我使用 li:after 在 li 之后添加内容，但不起作用。我尝试通过 nav ol li ::after 解决问题，nav ol li *::after 但不起作用

Question

我曾经li:after在元素之后添加内容li，但它不起作用。我试图用 , 解决问题nav ol li::after，nav ol li*::after但没有奏效。

图片参考

这是我使用的代码：

nav ol li::after {
  content: "|";
}

nav ol li:last-child {
  content: "";
}

标签： htmlcss

Answer 1

除了有额外的空间。您还需要结合 css 伪元素。应该是li:last-child::after和li::after。

检查小提琴