Sass CSS - Change Navbar-link color
<p>I want to change the color of my <code>navbar</code> on Bootstrap 4 but It doesn't work, I don't understand why. I tried many things, but nothing </p>

<p>Here is the <code>navbar</code> with his little CSS </p>

<pre><code>&lt;nav class="navbar navbar-light bg-faded"&gt;
  &lt;div class="nav navbar-nav"&gt;
      &lt;a class="nav-item nav-link active" href="#"&gt;HearthBreak &lt;span     class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt;
      &lt;a class="nav-item nav-link" href="#"&gt;Features&lt;/a&gt;
      &lt;a class="nav-item nav-link" href="#"&gt;Pricing&lt;/a&gt;
      &lt;a class="nav-item nav-link" href="#"&gt;About&lt;/a&gt;
  &lt;/div&gt;
&lt;/nav&gt;

.navbar{
    background-color: #252830;
    .nav-item, .nav-link{
        color: #FFF;
    }
}
</code></pre>

<p>Normally I can change the NavItem but I don't understand which child I need to change.</p>