title: css: set font-weight
body: <p>Is it possible to set font-weight to <code>normal</code> without <code>!important</code>?</p>
  
  <p><a href="http://jsfiddle.net/DvBes/" rel="nofollow">http://jsfiddle.net/DvBes/</a></p>
  
  <pre><code>&lt;table id="tasks"&gt;
      &lt;tr&gt;&lt;td&gt;Name&lt;/td&gt;&lt;td&gt;SomeTask&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Time&lt;/td&gt;&lt;td class="gray"&gt;08/11/2011&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  
  
  
  table#tasks td:first-child+td {
      font-weight:bold;
  }
  
  .gray {
      color: gray;
      font-weight: normal !important;
  }
  </code></pre>