时间戳

首页 > 解决方案 > .nav-item.hover 不会改变导航链接的颜色

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

问题描述

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

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

标签： cssbootstrap-4navbar

解决方案

在 CSS 选择器中的伪类之前使用冒号而不是点，更多信息：

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

注意:active和:hover

推荐阅读