侧边栏导航高亮如何实现？

Question

如上图 从网站首页的导航直接点击进入【医院环境】 代码有添加个class="ls",

<ul class="sidebar-ul fleft">
            <h2 class="bgf5c9a2"><a href="品牌中心网址">【品牌中心】</a></h2>                               <h2 class="bgf5c9a2"><a class="ls"href="医院环境网址">【医院环境】</a></h2>
            <h2 class="bgf5c9a2"><a href="专家团队网址">【专家团队】</a></h2>
            <h2 class="bgf5c9a2"><a href="联系我们网址">【联系我们】</a></h2>
          </ul>

从【医院环境】再点击进入【品牌中心】 则ls 添加到【品牌中心】链接那里。：

<ul class="sidebar-ul fleft">
            <h2 class="bgf5c9a2"><a class="ls" href="品牌中心网址">【品牌中心】</a></h2>
            <h2 class="bgf5c9a2"><a href="医院环境网址">【医院环境】</a></h2>
            <h2 class="bgf5c9a2"><a href="专家团队网址">【专家团队】</a></h2>
            <h2 class="bgf5c9a2"><a href="联系我们网址">【联系我们】</a></h2>
          </ul>

不知道是怎么实现的？ 4个页面都没找到关于ls的操作....

Answer 1

hover的时候 给他变色就好

Answer 2

.test:hover{background:#abc; color:#bcd;}

Answer 3

可以通过js来判断在哪个页面，然后给对应的导航添加高亮的className就行了