使导航栏中当前页面的标题更改颜色。 （HTML/css）
嗨，并提前道歉，因为我知道这是一个愚蠢的问题，但我一直在乱它已经很久了，我仍然无法找到一个有效的解决方案。我试图在我网站顶部的导航栏中改变当前页面的标题改变颜色。导航栏是内置的HTML与：使导航栏中当前页面的标题更改颜色。 （HTML/css）
<div class="navbar">
<a href="index.html" class="active" >Home</a>
<a href="indian.xml">Indian</a>
<a href="italian.xml">Italian</a>
</div>
，并试图风格它的CSS是：
.navbar{
overflow: hidden;
background-color: #F5861F;
width: 100%;
}
.navbar a{
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.navbar a:active{
color:#ffe7d1;
}
.navbar a:visited{
color:#8b4e14;
}
.navbar a:hover{
color:#874404;
font-size:20px;
}
.navbar a:current{
color:#ffe7d1;
}
的“.navbar答：当前的”被离开了那里我阅读后积极不得按照我的希望（我将class =“active”更改为class =“current”），但这也行不通。
我在这里错过了什么？感谢您花时间回答一些如此愚蠢的事情。
试试这个
a.active {color: red}
a:active并不表示对<a>元素的伪类
我改变了.navbar a：active {color：＃ffe7d1; } to .navbar a.active {color：＃ffe7d1; }它没有区别，有什么我失踪？感谢您的时间顺便说一句。 – rodney1234
:active是其中的错误是一个类，但选择。
试试这个
.navbar a.active{
color:#ffe7d1;
}
我改变了 .navbar a：active { color：＃ffe7d1; } 至 .navbar a.active {＃color：＃ffe7d1; } 它没有区别，有什么我失踪？感谢您的时间顺便说一句。 – rodney1234
自己试了一下，效果不错。如果你的页面有更多的CSS，也许另一个选择器覆盖这个。 –
啊！ 这是.navbar a：visited { \t color：＃8b4e14; } 部分是这样做的。有没有办法让我这样做访问的链接会改变颜色，但目前的页面将骑在那，并改变颜色仍然？ @Benoit Gambier – rodney1234
你应该改变/上通过JS当前页面的链接/标题中添加类'active' /'current'。 – Krusader
使用类选择器'.active'而不是'pseudo-state'选择器'：active'，'.navbar a.active {color：＃ffe7d1; }' – UncaughtTypeError
@Krusader你可以举一个例子来说明如何做？我根本不了解JS。 – rodney1234