Html 如何更改链接当前类上的css

Html 如何更改链接当前类上的css,html,css,ruby-on-rails,ruby-on-rails-4,Html,Css,Ruby On Rails,Ruby On Rails 4,如何在当前导航栏类中将字体颜色设置为白色 例如,当我单击导航上的链接时,它会向该链接添加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;"

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

例如,当我单击导航上的链接时,它会向该链接添加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>

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

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


只是一点零钱。“a”和“.current”之间的空格让它思考。current是一个新元素。

你认为这个问题是如何滥用它的?问题中的代码完全正确地使用了
.nav > li > a.current {
    color: white;
}
<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>
a.current {
    color: white;
}
.nav > li > a.current