title: Change hover color on nav-tabs
body: <p>I want to change text color of hover nav-tabs, so I named : nav nav-tabs custom, so code in my view looks like this:</p>
  
  <pre><code>      &lt;li class="active"&gt;&lt;%= link_to "Overview", '#'  %&gt;           
        &lt;/li&gt;
        &lt;li&gt;&lt;%= link_to "About",    '#' %&gt;&lt;/li&gt;
        &lt;li&gt;&lt;%= link_to "What we do", '#' %&gt;&lt;/li&gt;
        &lt;li&gt;&lt;%= link_to "Partners", '#' %&gt;&lt;/li&gt;
        &lt;li&gt;&lt;%= link_to "Contact", '#' %&gt;&lt;/li&gt;
        &lt;li&gt;&lt;%= link_to "Support", '#' %&gt;&lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>and code in my custom.css.scss</p>
  
  <pre><code>.custom a:hover {color: black;}
  </code></pre>
  
  <p>and it doesn't work. Can someone help me ?</p>