title: Bootstrap: changing dropdown menu's active link color
body: <p>I am trying to change the color and background color of the active link in a boostrap's dropdown menu.</p>
  
  <p>I have overriden bootstrap's @dropdownLinkColorActive and @dropdownLinkBackgroundActive  variables but this has no effet. </p>
  
  <p>The css for ".navbar-inverse .nav .active > a" takes over, as seen in firebug:</p>
  
  <pre><code>.navbar-inverse .nav .active &gt; a, .navbar-inverse .nav .active &gt; a:hover, .navbar-inverse .nav .active &gt; a:focus {
      background-color: #FFFFFF;
      color: #4D4D4F;
  }
  
  .dropdown-menu &gt; .active &gt; a, .dropdown-menu &gt; .active &gt; a:hover, .dropdown-menu &gt; .active &gt; a:focus {
      background-color: #16A170;
      background-image: linear-gradient(to bottom, #17AA76, #149466);
      background-repeat: repeat-x;
      color: #FFFFFF;
      outline: 0 none;
      text-decoration: none;
  }
  </code></pre>
  
  <p>Why is the .navbar-inverse class overriding the .dropdown-menu class ?</p>