Javascript Bootstrap 4.1导航栏活动类颜色不'；不变

$（'.navbar nav.nav item'）。单击（函数（）{
$（'.navbar nav.nav item'）.removeClass（'active'）；
$（this.addClass（'active'）；
})

.navbar light.navbar nav.active>.nav link{
颜色：红色；
}

使用（参见小提琴：）：

.navbar-light .navbar-nav .active>.nav-link{
    color:red!important;
}

$（'.navbar nav.nav item'）。单击（函数（）{
$（'.navbar nav.nav item.active'）.removeClass（'active'）；
$（this.addClass（'active'）；
})

.navbar light.navbar nav.active>.nav link{
颜色：红色！重要；
}

以下是工作演示：

$（文档）.ready（函数（）{
$（'.navbar nav.nav item'）。单击（函数（）{
$（'.navbar nav.nav item'）.removeClass（'active'）；
$（this.addClass（'active'）；
})
});
.navbar nav>li.nav item.active>a.nav-link{
文字装饰：无；
颜色：红色；
}