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

-1

嗨，并提前道歉，因为我知道这是一个愚蠢的问题，但我一直在乱它已经很久了，我仍然无法找到一个有效的解决方案。我试图在我网站顶部的导航栏中改变当前页面的标题改变颜色。导航栏是内置的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”），但这也行不通。

我在这里错过了什么？感谢您花时间回答一些如此愚蠢的事情。

来源

2017-10-16 rodney1234

你应该改变/上通过JS当前页面的链接/标题中添加类'active' /'current'。 – Krusader

使用类选择器'.active'而不是'pseudo-state'选择器'：active'，'.navbar a.active {color：＃ffe7d1; }' – UncaughtTypeError

@Krusader你可以举一个例子来说明如何做？我根本不了解JS。 – rodney1234

试试这个

a.active {color: red}

a:active并不表示对<a>元素的伪类

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

来源

2017-10-16 11:00:05 DaFois

我改变了.navbar a：active {color：＃ffe7d1; } to .navbar a.active {color：＃ffe7d1; }它没有区别，有什么我失踪？感谢您的时间顺便说一句。 – rodney1234

:active是其中的错误是一个类，但选择。

试试这个

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

来源

2017-10-16 11:01:17

我改变了 .navbar a：active { color：＃ffe7d1; } 至 .navbar a.active {＃color：＃ffe7d1; } 它没有区别，有什么我失踪？感谢您的时间顺便说一句。 – rodney1234

自己试了一下，效果不错。如果你的页面有更多的CSS，也许另一个选择器覆盖这个。 –

啊！这是.navbar a：visited { \t color：＃8b4e14; } 部分是这样做的。有没有办法让我这样做访问的链接会改变颜色，但目前的页面将骑在那，并改变颜色仍然？ @Benoit Gambier – rodney1234

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

回答

相关问题

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