Can I make the CSS :after pseudo element append content outside the element?

Question

I want to format a breadcrumb trail of links using an HTML » entity between adjacent links, so it looks like this:

home »

Answer 1

Normally you code these menus as ordered lists anyway, so it makes sense to do something like this instead:

#breadcrumb-trail ol { 
    list-style: none; 
    margin: 0;
    padding: 0; 
}

#breadcrumb-trail li { 
    display: inline; 
}

#breadcrumb-trail li:after { 
    content: ' » '; 
}

#breadcrumb-trail li:last-child:after { 
    content: none; 
}

    
My Amazing Breadcrumb Menu
    

        
about
        
fos