点击后链接颜色保持蓝色,直到单击视口上的其他位置

Question

在我的CSS,我试过的元素设置字体颜色我导航栏的黑色使用:link,:visited,:hover,和:active选择,但没有被改变它.我认为我的标题清楚地说明了我的问题,但是这里是我网站的链接,我正在尝试修复它:http://students.washington.edu/jgb93/info343/portfolio/#/

基本上,如果您尝试单击导航栏中的某个链接,它将会更改它将暂时变为蓝色.如果单击视口上的任何其他位置,蓝色将变回我想要的黑色.有关导致此问题的建议吗？

这就是我在HTML中对导航栏进行的所有操作,其余部分在CSS中完成:

            <div id="navbar" class="navbar navbar-default navbar-fixed-top">
            <nav>
                <ul id="navlist">
                    <li class="navitem"><a class="link" ui-sref="home">Home</a></li>
                    <li class="navitem"><a class="link" ui-sref="about">About</a></li>
                    <li class="navitem"><a class="link" ui-sref="contact">Contact</a></li>
                </ul>
            </nav>
        </div>

Answer 1

存在 CSS 冲突。要调试 CSS，您可以通过按 F12 或在 Mozilla Firefox 中使用 firebug 来尝试浏览器内置的开发人员工具。

所以，要解决这个问题：

.navitem a:focus{color:#000;}