如何分别设置 CSS 'content'元素的样式？

Question

我有一个导航列表，如下所示：

首页/关于/位置/联系

我将其编码为一个简单的<ul>，并对分隔符使用类似的东西：

#nav li:after {
    content: "/";
}

然而。。。设计者希望您所在的当前页面（导航中的"活动"项）以粗体显示，并要求更改为不同的字体。类似这样的东西：

主页/关于/地点/联系

这对于使用专门用于活动<li>项目的单独样式非常容易。然而，问题是：分隔符（"/"）也变为粗体和新字体，因为它被认为是<li>项目的一部分。这太糟糕了。。。无论哪个页面处于活动状态，我都希望分隔符看起来始终相同。有没有办法改变它，或者覆盖分隔符上的格式？（或者用CSS编写代码的更好方法，可以完成我想要做的事情吗？）

Answer 1

您可以告诉/具有正常的字体重量。

#nav li:after {
    content: "/";
    font-weight: normal;
}