Question

为什么这不起作用（就文字颜色而言）：

/go/12345

但这样做：

.navbarDivText {
    color: #DAA520;
}
.navbarDiv {
    width: 150px;
    background-color: inherit;
    margin-left: 10px;
}


<li class="navbarDiv" >
   <a href="index.php" class = "navbarDivText">Main Page</a>
</li>

Answer 1

在这种情况下有两种情况，如果你给列表的颜色，它将改变列表的颜色，默认情况下锚点保持蓝色带下划线。

如果您还想更改列表中锚点的颜色，您还应该为锚点设置样式，即文本装饰和颜色，无论您想要什么样的样式。

看这里的例子希望这会对你有所帮助。 Link

更多演示：Here

Answer 2

对我来说很好，清除cookies并尝试。

.navbarDivText {
  color: #DAA520;
}

.navbarDiv {
  width: 150px;
  background-color: green;
  margin-left: 10px;
}

<li class="navbarDiv"><a href="index.php" class="navbarDivText">Main Page</a></li>

也可以这样做，

.navbarDiv a, a:visited {
  color: #DAA520;
}

或

.navbarDivText:link, .navbarDivText:visited {
  color: #DAA520;
}

Answer 3

Bootstrap可能会覆盖这个......

你需要更加具体，例如。

a.navbarDivText {
  color: #DAA520;
}

您可能必须使用：

a.navbarDivText {
  color: #DAA520!important;
}

如果由于某种原因不起作用......

Answer 4

在旁注中，如果您使用的HTML5文档类型，我应该只在a标记内放置一个div，我想你是这样。

点击链接时，浏览器会给它一个颜色，表明它已被访问过。所以你可以试试下面的:visited选择器。如果这不起作用，那么另一种风格可能会覆盖你的风格。如评论中所述，检查开发人员控制台中的元素，看看您的样式是否被覆盖。

.navbarDivText:link, .navbarDivText:visited
{
   color: #DAA520;
}

链接标记中的颜色不起作用，但链接标记中div的颜色有效吗？

4 个答案: