无法更改chrome中的链接颜色

Question

我无法更改链接的颜色。我检查了其他SO帖子和W3Schools，但它没有用。到目前为止，我的整个CSS看起来像这样

div.nav{
    text-align: center;
}

a{
    text-decoration: none;
    color: black;
}

但是当页面加载然后变成蓝色时，我的链接总是闪烁黑色（或红色或w / e）。

HMTL：

<div class="container-fluid">
            <div class="nav">
                <nav>
                  <a href="#">stuff</a>
                  <a href="#">stuff</a>
                  <a href="#">stuff-stuff</a>
                  <a href="#">stuff</a>
                  <a href="#">stuff</a>
                  <a href="#">stuff</a>
                  <a href="#">stuffstuff</a>
                  <a href="#">stuff</a>
                  <a href="#">stuff</a>
                </nav>
            </div>
        </div>

我的浏览器是Chrome，我正在使用CDN的Bootstrap 3.2.0

Answer 1

尝试：

a{
    text-decoration: none;
    color: black !important;
}
a:visited{
    text-decoration: none;
    color: black !important;
}

或将你的风格放在CDN bootstrap链接之后

Answer 2

如果您访问过您的链接，则可能已切换为“＃34; visisted＆＃34;州。要定位具有访问状态的超链接，您可以在CSS中调用以下内容。

a:visited {
  color: black;
}

总共有四个超链接状态，点击下面的链接查看它们：http://www.w3schools.com/css/css_link.asp

Answer 3

您应首先引用bootstrap，然后引用css文件

错误：您的CSS首先

<style>
    div.nav {
        text-align: center;
    }

    a{
        text-decoration: none;
        color: black;
    }
</style>
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />

<div class="container-fluid">
  <div class="nav">
    <nav>
      <a href="#">stuff</a>
      <a href="#">stuff</a>
      <a href="#">stuff-stuff</a>
      <a href="#">stuff</a>
      <a href="#">stuff</a>
      <a href="#">stuff</a>
      <a href="#">stuffstuff</a>
      <a href="#">stuff</a>
      <a href="#">stuff</a>
    </nav>
  </div>
</div>

右：首先是Bootstrap

<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
<style>
    div.nav {
        text-align: center;
    }

    a{
        text-decoration: none;
        color: black;
    }
</style>

<div class="container-fluid">
  <div class="nav">
    <nav>
      <a href="#">stuff</a>
      <a href="#">stuff</a>
      <a href="#">stuff-stuff</a>
      <a href="#">stuff</a>
      <a href="#">stuff</a>
      <a href="#">stuff</a>
      <a href="#">stuffstuff</a>
      <a href="#">stuff</a>
      <a href="#">stuff</a>
    </nav>
  </div>
</div>

Answer 4

用户点击链接后，该链接将成为“已访问”链接，您需要将样式应用于该a:visited州。尝试使用下面的CSS。

div.nav{
    text-align: center;
}

a{
    text-decoration: none;
    color: #0000;
}

a:visited {
color: #0000;
}