title: Override body property
body: <p>I have</p>
  
  <pre><code>body
  {
      color: #696969;
  }
  </code></pre>
  
  <p>and</p>
  
  <pre><code>th.somelist
  {
      font-weight: bold;
      color: red;
  }
  </code></pre>
  
  <p>but the color property of body is not overridden.
  How come, and how can I make it override the body selector?</p>
  
  <p><strong>Edit:</strong></p>
  
  <p>I also have</p>
  
  <pre><code>table.somelist
  {
      padding: 10px;
      background-color: green;
      border-radius: 15px;
  }
  </code></pre>
  
  <p>and the code is</p>
  
  <pre><code>&lt;table class="somelist"&gt;
      &lt;tr&gt;
          &lt;th class="somelist"&gt;
              Top 10
          &lt;/th&gt;
      &lt;/tr&gt;
  
      &lt;tr&gt;
          &lt;td&gt; 1. &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The <em>th</em> text is bold but #696969 and not red.</p>