CSS3：覆盖后：最后一个孩子

Question

我有以下的CSS样式简单的列表：

​​3210

我得到除了最后一个孩子应有的效果没有失去它的竖线“|” 。

Link | Link | Link | 

我试着结合：后：最后一个孩子&反之亦然，但第一：声明总是优先后。

Answer 1

做：

ul.menu_list li:after { 
    content:" | "; 
} 
ul.menu_list li:last-child:after { 
    content:""; 
} 

Answer 2

ul.menu_list li:last-child:after应该做的伎俩。

Here is a fiddle，显示它在行动..

Answer 3

试试这个：

ul.menu_list li:not(:last-child):after { 
    content:" | "; 
} 

Answer 4

我发现 “李+ LI：之前” 中的IE8，Chrome浏览器，Firefox和Safari浏览器适用于Windows