Question

好的，这就是我的困境。我有一个header.php文件，其中包含我使用的标题信息（导航和徽标），以便我可以将文件包含在我需要的每个页面中，以便于编辑。我遇到的问题是我显然无法使用：激活颜色或更改链接文本，以便用户知道它们所在的页面。

我如何通过我的方式实现我想要的东西，或者我长期坚持这样做。是否有javascript可以做到这一点。

了解我是HTML和CSS的新手，我正在寻找简单的方法来更改页眉和页脚，而无需单独编辑每个页面。

马科斯

Answer 1

我不知道你的html是怎样的，但是例如如果你有jQuery并且你在链接中使用绝对补丁你可以使用这样的东西：

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

或者如果你没有jQuery并且有绝对链接，你可以使用这样的东西：

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'
 }
}

Answer 2

将以下CSS添加到您的代码中。然后将课程应用到您的<a>代码。

1

/*choose current(active) a tag which has class named niceClass*/
.niceClass a.current {color:red;}

2

<a href="http://www.example.com"  class="niceClass"> Link Title </a>
<a href="http://www.example.com2" class="niceClass"> Link Title2 </a>
...

：使用javascript的活动链接

2 个答案: