如何在每个菜单按钮后放置电子邮件？

Question

好的，所以我知道有一种方法可以在每个菜单按钮后面只输入一次“/”。我指的是这种菜单。

主页/关于/投资组合......等等..

我知道我可以这样做：

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

但我想用其他方式去做。

谢谢！

Answer 1

Demo

a:after{
    content: '/';
}

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

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

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

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

Answer 2

<强> Demo

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

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;
}