html - Bootstrap 链接颜色

Question

大家好，我需要一些关于 bootstrap 3.3.7 的帮助。

如何在 bootstrap 中改变元素的颜色？我尝试了在互联网上找到的各种方法，但都没有用。我试过的一件事是:

    a: hover{

        color:#some color;


         }

a:active{

        color:#some color;


         }

a:visited{

        color:#some color;


         }

在谷歌上我找不到我搜索的内容。我希望你们能给我一个答案，

提前致谢

Answer 1

根据您的链接文件的顺序，如果您在 styles.css 之后有该链接，Twitter Bootstrap 可能会覆盖它。

例如，如果您的 index.html 看起来像这样

<link rel="stylesheet", href="mystyles.css">
<link rel="stylesheet", href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.min.css">

您编写的所有 css 都可能被 Twitter-Bootstrap 覆盖。因此，要修复它，请确保在 twitter-bootstrap 链接之后有您的自定义 style.css。

如果这不能解决问题，您可以简单地在您的自定义 CSS 之后添加一个 !important，如下所示:

a: hover {
   color: blue !important;
}

这应该可以解决您的问题。