.nav-item.hover 不会改变导航链接的颜色

【问题标题】：.nav-item.hover doesn't change the color of nav-link.nav-item.hover 不会改变导航链接的颜色
【发布时间】：2020-10-24 14:44:27
【问题描述】：

如何更改以下内容，以便当我将鼠标悬停在导航栏项目上时，其颜色变为红色？

.nav-item.active .nav-link{
    color: blue !important;
}
.nav-item.hover .nav-link{
    color: red !important;
}

【问题讨论】：

【解决方案1】：

在 CSS 选择器的伪类之前使用冒号而不是点，more info:

.nav-item:active .nav-link{
    color: blue !important;
}
.nav-item:hover .nav-link{
    color: red !important;
}

注意 :active 和 :hover

【讨论】：