如何在链接当前类上更改css

Question

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

例如，当我点击导航栏上的链接时，它会向该链接添加一个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;
}

Answer 1

.nav > li > a.current

只是一个小小的变化。 “a”和“.current”之间的空间让人联想到。当前是一个新元素。

Answer 2

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

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

Answer 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;
}