title: Changing the text color on a nav bar using Materialize CSS (rails)
body: <p>I want to create a navbar with a white background and black text, but have been unable to get the text in the links within the navbar to be anything but white. </p>
  
  <p>Things I've tried:<br>
  - adding the class "black-text" to the li tags, to the ul tag, to the surrounding div and nav tags<br>
  - defining a class in my application.scss file for each li tag.<br>
  - adding li, nav, a { color: black; } to my application.scss file  </p>
  
  <p>Here is the html for the navbar: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>  &lt;header class="nav"&gt;
      &lt;nav&gt;
        &lt;div class="nav-wrapper white"&gt;
          &lt;a href="/" class="brand-logo black-text"&gt;GlobalPursuit&lt;/a&gt;
          &lt;ul id="nav-mobile" class="right hide-on-med-and-down"&gt;
            &lt;li&gt;&lt;%= link_to "Pursuits", pursuits_path %&gt;&lt;/li&gt;
            &lt;li&gt;&lt;%= join_dashboard_path %&gt;&lt;/li&gt;
            &lt;li&gt;&lt;%= login_logout_path %&gt;&lt;/li&gt;
            &lt;li&gt;&lt;%= trips_cart_display %&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
      &lt;/nav&gt;
    &lt;/header&gt;</code></pre>
  </div>
  </div>
  </p>