页面重新加载时保存活动 <li> [重复]

Question

我有这个简单的 css 菜单，它工作正常，但是当页面重新加载时 li class="active" 重置。

     <ul>
             <li class="active"><a href="/">Page2</a>
                <ul>
                    <li><a href="/">Page2</a></li>
                    <li><a href="#">Test</a></li>
                    <li><a href="#">Test</a></li>
                </ul>
            </li>
            <li ><a href="Page3.html">Page3</a>
                <ul>
                    <li><a href="#">Test</a></li>
        <li><a href="#">Test</a></li>
                </ul>
            </li>
            <li><a href="page4.html">page 4</a>
                <ul>
                        <li><a href="#">Test</a></li>
                        <li><a href="#">Test</a></li>
                    </ul>
            </li>
</ul>

页面重新加载时如何保存li class="active"？

Answer 1

请在cookie 中保存活动li 并在重新加载页面时获取上次保存的活动li 并设置活动类