如何更改链接当前类的css答案

【问题标题】：How to change css on link current class如何更改链接当前类的css
【发布时间】：2014-11-29 03:11:45
【问题描述】：

如何在当前导航栏类上将字体颜色设为白色？

例如，当我单击导航上的链接时，它会向该链接添加 class="current"。

但我无法为该特定链接设置样式。

这是 HTML：

<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-loggedin-nav mineul pull-right" style="font-size:22px;margin-top:7px; color:white;">
<li>
<a class="current" href="/">
</li>
<li>

这是我的 CSS 尝试，但还很遥远：

.nav > li > a .current {
    color: white;
}

【问题讨论】：

标签： html css ruby-on-rails ruby-on-rails-4

【解决方案1】：

.nav > li > a.current

只是一个小小的改变。 "a" 和 ".current" 之间的空格使它认为 .current 是一个新元素。

【讨论】：

【解决方案2】：

锚元素选择器和类名选择器之间没有空格：

.nav > li > a.current {
    color: white;
}

【讨论】：

【解决方案3】：

HTML

<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-loggedin-nav mineul pull-right" style="font-size:22px;margin-top:7px; color:white;">
<li>
<a class="current" href="/">Text Here</a>
</li>
<li>

CSS

a.current {
    color: white;
}

【讨论】：

您认为问题是如何滥用它？问题中的代码完全正确地使用了>。