title: Override global label font-size with my own css class?
body: <p>I'm trying to update a website. There's a label element I want to style. It looks like:</p>
  
  <pre><code> #foo {
       font-size: 9px;
   }
  
   &lt;label id="foo"&gt;&lt;/label&gt;
  </code></pre>
  
  <p>but it looks like a css definition for the "label" element is overriding the more specific style I'm setting. I'm seeing this in firebug</p>
  
  <pre><code>label {
      font-size: 16px;
  }
  .foo {
      font-size: 9px; /* strikethrough on my font-size declaration here */
  }
  </code></pre>
  
  <p>so is there a way to override the default label font-size setting without modifying it for everything? (I thought my more specific definition would do that by default)</p>
  
  <p>Thanks</p>