Lidar com :last-child:after no IE8

Lidar com estilos de CSS aplicados com selector não suportado no IE8

by Salustiano Silva

HTML

<div id="results">
    <ul class="list-unstyled text-right chart-scale">
        <li>18000</li>
        <li>15000</li>
        <li>12000</li>
        <li>9000</li>
        <li>6000</li>
        <li>3000</li>
        <li>&nbsp;</li>
    </ul>
</div>

CSS

#results{
    width:50px; /* não é real, apenas para deixar o traço no local correcto */
    text-align:right;
}
#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;
}