demo在这https://jsfiddle.net/12Lzo345/。
怎样去掉最后一个li下的a的：after呢？
使用：last-child：after不起作用？
ul li:last-child a:after{
display:none;
}
你试试这样写 ul li:last-child a:after{ background: none}
ul li:last-child a:after{content:inherit;}
加上这一句就可以了哦。
ul>li:last-child>a::after{
display:none;
}