使当前页面的标题在导航栏中更改颜色。 （HTML / CSS）

Question

嗨，并且事先道歉，因为我知道这是一个愚蠢的问题，但我现在已经搞乱了很长时间，我仍然无法找到有效的解决方案。我试图在我网站顶部的导航栏中显示当前页面的标题更改颜色。导航栏使用html构建：

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

＆＃39; .navbar a：current＆＃39;在我读完之后，我认为活动可能没有做到（我改变了课程=＆＃34;活跃＆＃34;到课程=＆＃34;当前＆＃34;）但是这也没有用。

我在这里缺少什么？感谢您提前花时间回答如此愚蠢的事情。

Answer 1

试试这个

a.active {color: red}

a:active不表示类，而是<a>元素的伪类的选择器

https://www.w3schools.com/css/css_pseudo_classes.asp

Answer 2

:active是错误所在。

试试这个

.navbar a.active{
  color:#ffe7d1;
}