点击导航文字，页面刷新后仍然是点击状态

点击导航，页面会全部刷新，但是仍然想保留点击状态，总结了两种解决方法。

第一种方法通过js

<div class="nav" style="float: left;">
    <div class="nav-top">
        <div id="mini" style="border-bottom:1px solid rgba(255,255,255,.1)"><img src="images/mini.png" ></div>
    </div>
    <ul>
        <li class="nav-item">
            <a href="javascript:;"><i class="iconfont nav-icon icon_1"></i><span>网站配置</span><i class="iconfont nav-more"></i></a>
            <ul class="left_nav" style="display: block;">
                <li><a href="#2" class="left_nav_lia left_nav_a"><span>网站设置</span></a></li>
                <li><a href="#2"><span>友情链接</span></a></li>
                <li><a href="#2"><span>分类管理</span></a></li>
                <li><a href="#2"><span>系统日志</span></a></li>
            </ul>
        </li>
        <li class="nav-item">
            <a href="javascript:;"><i class="iconfont nav-icon icon_2"></i><span>文章管理</span><i class="iconfont nav-more"></i></a>
            <ul class="left_nav">
                <li><a href="#2"><span>站内新闻</span></a></li>
                <li><a href="#2"><span>站内公告</span></a></li>
                <li><a href="#2"><span>登录日志</span></a></li>
            </ul>
        </li>        
    </ul>
</div>

<script>
    $(document).ready(function(){
        $('.left_nav li a').each(function(){
            if(this.href==window.location.href){
                $('.left_nav li a').removeClass("left_nav_a");
                $(this).addClass('left_nav_a left_nav_lia');
                $(this).parents('.left_nav').css('display','block');
                //$(this).parents('.nav-item').children("a").addClass('left_nav_a left_nav_lia');
                $(this).parents('.nav-item').children(':first').addClass('left_nav_lia');
                $(this).parents('.nav-item').find('.nav-more').css('transform','rotate(90deg)');
                $(this).parents('.nav-item').find('.ul_li_a').css('border-left','2px solid #34A0CE');
            }   
        });
    });
</script>

第二种方法，是通过css

在每个页面添加一个mark标签标记一下

<mark class="purchase purchase_center" onshow="onshow"></mark>然后同

  然后通过css样式增加点击效果

 mark.purchase ~ header .top_c dl.top1 menu dd:nth-child(3) { background: rgb(200, 0, 0); }