Änderung des Titels der aktuellen Seite in der Navigationsleiste. (HTML/css)

Question

Hallo und Entschuldigung im Voraus, weil ich weiß, dass dies eine blöde Frage ist, aber ich habe es jetzt zu lange herumgespielt und ich kann immer noch keine Lösung finden, die funktioniert. Ich versuche, den Titel der aktuellen Seite in der Navigationsleiste oben auf meiner Website farblich zu ändern. Die navbar ist in html gebaut mit:

<div class="navbar"> 
     <a href="index.html" class="active" >Home</a> 
     <a href="indian.xml">Indian</a> 
     <a href="italian.xml">Italian</a> 
</div> 

und CSS, die es um Stil versucht ist:

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

Die ‚.navbar a: Strom‘ dort gelassen wird, nachdem ich das gelesen aktiv kann nicht mach so, wie ich hoffe (Ich habe class = "active" in class = "current" geändert), aber das funktioniert auch nicht.

Was fehlt mir hier? Danke, dass du dir Zeit genommen hast, etwas so Dummes zu beantworten.

Answer 1

versuchen diese

a.active {color: red} 

a:active ist

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

Answer 2

:active ist, wo der Fehler ist nicht eine Klasse, sondern einen Selektor für eine Pseudo von <a> Element darstellt.

Versuchen Sie, diese

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