在新行上删除分隔符（“：before”）

Question

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

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

有什么办法可以删除分隔符，如果我去一个新的行？ 见图片（我想之前 “测试类别2” 中删除点）

这是我有：

这就是我想做的事：

Answer 1

你可以结合CSS伪类如:nth-child或:last-child做类似的事情：

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

，或者如果它的倒数第三

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

然后，你也许可以用媒体查询相结合这一点。