css - ol li 设置content属性增加自定义间隔"/"，如何删除最后一个li的间隔符号

问题描述

问 题

<div class="horz_nav">
    <ol class="nav_list">
        <li><a href="#">网站首页</a></li>
        <li><a href="#">新闻资讯</a></li>
        <li><a href="#">院校资讯</a></li>
        <li><a href="#">体育教学</a></li>
        <li><a href="#">正文</a></li>
    </ol>
</div>

.horz_nav .nav_list li:after{
    content: "  /";
    color: #8a8a8a;
}

如何去掉正文后面的斜杠？？？？

解决方案

最简单的方法

    .horz_nav .nav_list li:last-child:after{
        content: '';
    }

但是这样会有兼容性问题，如果你要兼容IE低版本的话，给最后一个li加上 class="no-content"
再设置 content

这篇关于css - ol li 设置content属性增加自定义间隔"/"，如何删除最后一个li的间隔符号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！