Estoy tratando de cambiar el color de un enlace de la barra de navegación mientras lo intentaba de todas maneras, todavía tiene un color predeterminado. Aquí está el código:

<li class="nav-item signup">
        <a class="nav-link" routerLink="/signup" >Sign Up</a>
      </li>

css

.navbar-light .navbar-nav .nav-link li a.signup {
    color:#ffffff !important;
}

Estoy tratando de cambiar el color del enlace de los botones de registro. Un hecho interesante es que el color de fondo del elemento de navegación (clase .signup) fue posible cambiar mientras que un enlace es imposible.

¿Cómo puedo cambiar ese color de enlace? ¿Qué hay de malo en el CSS?