title: CSS Selector not working on elements within a div
body: <p>I have the following HTML structure:</p>
  
  <pre><code>&lt;div class="formFields"&gt;
       &lt;label&gt; Field 1: &lt;/label&gt;
       &lt;input type="text" value="" name="field1" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And my CSS selectors are as follows:</p>
  
  <pre><code>#formFields {clear:both;}
  #formFields label {font-weight:bold;}
  </code></pre>
  
  <p>The <code>clear:both;</code> is being applied to the div, but the <code>font-weight:bold;</code> is not being applied to the labels. How would I apply this <code>font-weight</code> to the labels?</p>