如何仅为一个特定链接更改导航链接悬停颜色？

Question

我正在使用引导4，我有一个导航栏，上面有一些使用导航链接类的链接，还有一个使用导航链接的侧边栏导航。我需要改变一个链接的悬停颜色。最好的方法是什么？

Answer 1

我试图向它添加一个名为holdbackhover的附加类，并设置透明度，如下所示：。导航链路

应该是

.nav-link.holdbackhover:hover {
   background-color:transparen‌​t;
   color:red; // or what ever
}

Answer 2

您可以使用nth子级或定义类。

css:

    .navbar{
  &:nth-child(1){
    .nav-item{
      &:nth-child(2){
        .nav-link{
          color:#000;
          &:hover{
            color:blue;
          }
        }
      }
    }
  }
}

Else go可以使用类或Id选择器：

.hover{
 .nav-link{
           &:hover{
            color:green !important;
          }
        }
}

小提琴

定义一个类可能更容易改变/识别，如果你不想添加一个额外的类，你可以使用nth子选择器