Gibt es eine Möglichkeit zu verhindern, dass eine Verbindung nach dem Besuch blau und unterstrichen ist?

Question

Ich habe den folgenden Code:

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
<style> 
.nav-tab:normal, .nav-tab:visited, .nav-tab:active, .nav-tab:focus { 

    color: white; 
    text-decoration: none; 
} 

    .nav-tab:hover { 

    color: grey; 
    text-decoration: none; 

} 
</style> 

<a href='#' class='nav-tab first-nav-tab'>Ponies</a> 
<a href='#' class='nav-tab'>Rainbows</a> 
<a href='#' class='nav-tab'>Unicorns</a> 
<a href='#' class='nav-tab'>Puppies</a> 
<a href='#' class='nav-tab'>Flowers</a> 

Nachdem ich die Links klicken, sie am Ende blau und unterstrichen. Gibt es eine Möglichkeit zu verhindern, dass die Links nach dem Besuch blau und unterstrichen sind?

Hier ist ein Video für weiteres Detail:

https://youtu.be/9wwwytO_U64

Answer 1

Ja, können Sie wählen, welche Farbe der besuchten Zustand befindet. Sie haben nur einen kleinen Tippfehler:

.nav-tab:active; 

.nav-tab:active, 

Answer 2

Sie !important hinzufügen können, auf Ihre besuchten Link CSS sein sollte. Bootstrap hat einen Standardstil, den Sie nur überschreiben müssen.

.nav-tab:visited{ 
    color: red!important; 
    text-decoration: none!important; 
}