删除新行上的分隔符（＆＃34;：之前＆＃34;）

Question

我正在使用此代码在菜单项之间添加分隔符。

li:before {
    content: '\00B7';
    float: left;
}

如果我去新线路，有什么方法可以删除分隔符吗？ 见图片（我想在＆＃34之前删除点;测试类别2和＃34;）

这就是我所拥有的：

这就是我想要做的事情：

Answer 1

您可以将:nth-child或:last-child等CSS伪类组合起来执行以下操作：

li:last-child:before {
    content: '';
    float: left;
}

或者如果它是第三个到最后的

li:nth-last-child(3):before {
    content: '';
    float: left;
}

然后，你可以将它与媒体查询结合起来。