Use ":last-Child:after" in Internet Explorer 8

Question

I have a graph where some elements are generated via CSS, namely the trace below the quantity scale:

CSS Used:

#results .chart-scale li{
    font-size:16px;
    line-height:18px;
    padding-top:38px;
    font-family:'latolight', sans-serif;
    position:relative;
}
#results .chart-scale li:after{
    content: "";
    display:block;
    height:1px;
    width:28px;
    background-color:#0d3e38;
    opacity:0.3;
    position:absolute;
    bottom:0;
    right:-14px;
}
#results .chart-scale li:last-child:after{
    background-color:transparent;
}

Problem

In older browsers like IE8, the last statement li:last-child:after where the background color is retained for the initial amount that is zero, being represented as empty in the chart does not work:

Question

Example in Jsfiddle

How can I handle using the CSS declaration :last-child:after in Internet Explorer 8 ?

^{If relevant, the chart already makes use of jQuery, so a solution using Javascript is also feasible.}

Answer 1

You can make this css statement through Jquery:

$('#results .chart-scale li:last-child:after').css('background-color','transparent');