无法获得悬停状态以处理我的引导列表项

如何解决无法获得悬停状态以处理我的引导列表项

我希望列表项的文本（它们是标签）在悬停时改变颜色。我尝试了几个（非常具体的）伪类来完成这项工作，但它们似乎都不起作用。

.navbarnav .nav-item .nav-link:hover {
    color: #64bd9d;
}

 <nav class="navbar navbar-expand-lg navbar-light bg-darkblue position-fixed">
        <div class="container">         
          <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="navbar-brand" href="#"> <img src="images/logo-white.svg" alt=""></a> 
                  </li>
              <li class="nav-item">
                <a class="nav-link text-white" href="#">HOME</a>
              </li>
              <li class="nav-item">
                <a class="nav-link text-white" href="#">DESIGN</a>
              </li>
              <li class="nav-item">
                <a class="nav-link text-white" href="#">ILLUSTRATIE</a>
              </li>
              <li class="nav-item">
                <a class="nav-link text-white" href="#">OVER MIJ</a>
              </li>
              <li class="nav-item">
                <a class="nav-link text-white" href="#">CONTACT</a>
              </li>
              <li class="nav-item">
                <a class="nav-link text-white" href="#">BLOG</a>
              </li>
            </ul>
          </div>
        </div>
      </nav>