title: Twitter Bootstrap overwriting css
body: <p>I am using Twitter Bootstrap with Wordpress.
  Bootstrap outputs the following css in bootstrap.css</p>
  
  <pre><code>.navbar-inverse .navbar-inner {
      background-color: #1b1b1b;
      background-image: -moz-linear-gradient(top, #222222, #111111);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
      background-image: -webkit-linear-gradient(top, #222222, #111111);
      background-image: -o-linear-gradient(top, #222222, #111111);
      background-image: linear-gradient(to bottom, #222222, #111111);
      background-repeat: repeat-x;
      border-color: #252525;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
  }
  </code></pre>
  
  <p>If I want to override this code in my style sheet, do I have to specify every class element?
  For example, if i want the nav bar to be totally black - no gradients etc - is there a quick way to do it without copying every class attribute from above and changing every hex value to #000000?</p>