Html 如何在每个菜单按钮后放置e/按钮？

好的，我知道有一种方法，就是在每个菜单按钮后键入一次“/”。我指的是这种菜单

首页/关于/公文包。。以此类推

我知道我可以这样做：

<li> <a href="#">Home /</a> </li>
<li> <a href="#">About /</a> </li>

但我想用另一种方法

谢谢

避免将其添加到最后一个链接，谢谢Bjorn

li:last-child > a:after { 
    content: ''; 
}

编辑： 它也可以用一行完成：

li:not(:last-child) > a:after{
    content: '/';
}

li:not(:last-child) > a:after{
    content: '/';
}

您可能需要带边框的分隔符：

li {
    list-style-type: none;
    border-right: 1px solid black;
    float: left;
    padding-right: 5px;
    margin-right: 5px;
}

li:last-child {
    border-right: none;
}

a {
    text-decoration: none;
    color: black;
}

---

另外，

a:last child:after{content:''；}

防止您在最后一项之后出现/Bjorn，太棒了！我在回答中添加了相同的功能：）修复了，我不小心将fiddle.net而不是jsfiddle.net。。。谢谢