我如何单独设置CSS'内容'元素的样式？

Question

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

主页/关于/地点/联系

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

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

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

主页/ 关于 /地点/联系

这很容易使用专门针对活动<li>项的单独样式。但是，问题在于：分隔符（“/”）也会更改为粗体和新字体，因为它被认为是<li>项的一部分。这很糟糕......无论哪个页面处于活动状态，我都希望分隔符看起来总是一样。有没有办法改变它，或覆盖分隔符上的格式？ （或者用CSS编写一个更好的方法来完成我正在尝试做的事情？）

Answer 1

您可以告诉/字体权重正常。

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