Question

我有以下代码：

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

点击链接后，它们会以蓝色和下划线结束。是否有任何方法可以防止链接在被访问后变为蓝色和下划线？

以下是有关详细信息的视频：

https://youtu.be/9wwwytO_U64

Answer 1

是的，您可以选择访问状态的颜色。你只是有一个小错字：

.nav-tab:active;

应该是

 .nav-tab:active,

Answer 2

您可以在访问过的链接css上添加!important。 Bootstrap上有一个默认样式，你只需要覆盖它。

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

有没有办法阻止链接被访问后变为蓝色和下划线？

2 个答案: