解决方法
您可以将页面正文的id设置为表示当前页面的某个值.然后,对于菜单中的每个元素,您可以设置该菜单项的特定类.在你的CSS中,你可以设置一个规则来突出显示菜单项…
这可能没有什么意义,所以这里有一个例子:
<body id="index"> <div id="menu"> <ul> <li class="index" ><a href="index.html">Index page</a></li> <li class="page1" ><a href="page1.html">Page 1</a></li> </ul> </div> <!-- menu --> </body>
在page1.html中,您可以将主体的ID设置为:id =“page1”.
最后在你的CSS你有如下的东西:
#index #menu .index,#page1 #menu .page1 { font-weight: bold; }
您需要更改每个页面的ID,但CSS保持不变,这一点很重要,因为CSS通常被缓存,并且可能需要强制刷新更新.