：使用javascript的活动链接

好吧，这是我的困境。我有一个header.php文件，其中包含我使用的标题信息（导航和徽标），这样我就可以在需要的每个页面中包含该文件，并便于编辑。我的问题是，我显然无法使用：active对链接文本进行着色或更改，以便用户知道他们在哪个页面上

我怎样才能用我正在做的方式实现我想要的，或者我被困在这条漫长的道路上。有javascript可以做到这一点

了解我是新的HTML和CSS，我正在寻找简单的方法来更改页眉和页脚，而不必单独编辑每一页

---

Markos将下面的CSS添加到代码中。然后将类应用于您的

...

我不知道您的html是什么样子的，但例如，如果您包含jQuery，并且在链接中使用绝对补丁，您可以使用如下内容：

$('a[href="'+document.location.origin+document.location.pathname+'"]').css('color', '#f00');

var a = document.getElementsByTagName('a');
for (i in a) { 
 if (a[i].href == document.location.origin+document.location.pathname){
    // red color 
    a[i].style.color = '#900'
 }
}

或者，如果您没有jQuery，并且没有绝对链接，则可以使用如下内容：

$('a[href="'+document.location.origin+document.location.pathname+'"]').css('color', '#f00');

var a = document.getElementsByTagName('a');
for (i in a) { 
 if (a[i].href == document.location.origin+document.location.pathname){
    // red color 
    a[i].style.color = '#900'
 }
}

---

不，他想设计指向当前页面的链接的样式，而不是学习如何使用CSS，而您显示的CSS（关于选择器）是错误的。提示：如果不使用JavaScript或服务器端语言，就无法回答此问题。谢谢，我将对此进行研究并尝试应用它。如果我能根据你发布的链接上读到的内容来整理一些东西，我会发回。你需要使用php（）或JavaScript（，虽然这看起来是jQuery，而不是简单的JS）。我所拥有的相对简单。我不知道如何把我的代码放在这里，让它有一个像上面一样的灰色框。但它本质上是：

• 当然，它们在一个div中，并且有比一个更多的页面，css现在只是用于悬停，但这不是一个问题。