Question

在我的CSS中，我尝试使用$unsignedchar = pack("C",$char); // convert a char character to an unsigned char byte，:link，:visited和:hover选择器将导航栏的字体颜色设置为黑色但是没有什么能改变它。我认为我的标题清楚地说明了我的问题，但这里是我网站的链接，我正在尝试修复它：http://students.washington.edu/jgb93/info343/portfolio/#/

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

这就是我在HTML中使用导航栏的所有内容，其余部分在CSS中完成：

:active

Answer 1

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

所以，要解决问题：

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

Answer 2

蓝色边框来自a:focus，它在第1104行的bootstrap.css中定义：

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

覆盖css中导航的a:focus属性可以解决您的问题。

color: whatever you want;
outline: none;

Answer 3

我终于找到了发生的事情。

您使用的a:link无效。试试a。

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

似乎可以解决您的问题。

!important允许a标记覆盖其对应项以及更改文本修饰或颜色的任何其他css。

根据您的网站：

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

（main.css第60行）

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

3 个答案: