css - 如何单独设置 CSS“内容”元素的样式？

Question

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

主页 / 关于 / 地点 / 联系方式

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

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

但是...设计师希望您所在的当前页面（导航中的“活动”项目）以粗体显示并要求更改为不同的字体。像这样的东西：

主页 / 关于 / 地点 / 联系方式

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

Answer 1

你可以告诉/有一个正常的字体粗细。

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