我想在我的网站中为我的导航链接创建当前状态。 例如，当我点击＆＃34;联系人＆＃34;链接指向我的联系人页面，我想要链接＆＃34;联系人＆＃34;在导航中改变他的颜色。
问题是我在所有我的网页上都包含来自外部html文件的标题。因此，如果我编辑此外部头文件，则更改将影响所有其他页面，而不仅仅是联系人页面。
答案 0 :(得分：0)
您可以将页面正文的id设置为代表当前页面的某个值。然后，对于菜单中的每个元素，您可以设置特定于该菜单项的类。在CSS中，您可以设置一个专门突出显示菜单项的规则。
这可能没什么意义，所以这是一个例子：
<body id="index">
<div id="menu">
<ul>
<li class="index" ><a href="index.html">Index page</a></li>
<li class="contact" ><a href="contact.html">Page 1</a></li>
</ul>
</div> <!-- menu -->
</body>
在contact.html中，您可以将正文的ID设置为：id="contact"。
最后在你的CSS中你会得到以下内容：
#index #menu .index, #contact #menu .contact{
font-weight: bold;
}
您需要更改每个页面的ID，但CSS保持不变，这很重要，因为CSS经常被缓存，并且可能需要强制刷新才能更新。
它不是动态的，但它是一种简单易行的方法，您可以使用PHP或类似方法从模板文件中include菜单html。