CSS 3: después de Anulación: last-child

Question

Tengo el siguiente CSS con el estilo de una lista simple:

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

<ul class="menu_list"> 
    <li><a href="">Link</a></li> 
    <li><a href="">Link</a></li> 
    <li><a href="">Link</a></li> 
</ul> 

consigo el efecto deseado, excepto para el último hijo no está perdiendo su barra vertical "|" .

Link | Link | Link | 

He intentado combinar: después: last-child & viceversa, pero la primera: después de la declaración siempre tiene prioridad.

Answer 1

hacer:

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

Answer 2

ul.menu_list li:last-child:after debe hacer el truco.

Here is a fiddle que muestra en acción ..

Answer 3

Tal vez puedas probar:

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

Answer 4

encontré "li li +: antes de" obras en IE8, Chrome, Firefox y Safari para Windows