javascript - JS : Specifying current element in the menu

Question

我有一个菜单:

 <ul>
    <li id="active"><a href="/">Головна</a></li>
     <li><a href="/about/">Про компанію</a></li>
     <li><a href="/work/">Діяльність</a></li>
     <li><a href="/initiative/">Ініціативи</a></li>
     <li><a href="/statti/">Статті</a></li>
 </ul>

您能否建议一种方法来更改此列表的 id=active 属性。例如，如果我点击了关于，我希望这个 li 元素被标记为事件的。

谢谢

Answer 1

在没有任何 javascript 或服务器端支持的情况下，存在对当前事件导航状态进行样式化的 an elegant css method。基本上，唯一标识导航状态的一个 id(例如，作为 body id 属性)就足以创建突出显示事件状态的 css 选择器。