title: I want a different color only for first row of a html table
body: <p>I used a table. I applied CSS ID <code>table-4</code>.</p>
  
  <p>Following the html code:</p>
  
  <pre><code>&lt;table border='0' width='100%' id='table-4'&gt;
     &lt;tr&gt;&lt;td&gt;Date&lt;/td&gt;&lt;td&gt;Headline&lt;/td&gt;&lt;/tr&gt;
     &lt;tr&gt;&lt;td&gt;29 DEC&lt;/td&gt;&lt;td&gt;Dead&lt;/td&gt;&lt;/tr&gt;
     &lt;tr&gt;&lt;td&gt;30 DEC&lt;/td&gt;&lt;td&gt;Hit&lt;/td&gt;&lt;/tr&gt;
     &lt;tr&gt;&lt;td&gt;02 JAN&lt;/td&gt;&lt;td&gt;Leg&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Here is the style.css:</p>
  
  <pre><code>#table-4 { background-color: #F2F2F2;}
  </code></pre>
  
  <p>So the whole table's background color is <code>#F2F2F2</code>, but I want a different color for the first row where <code>Date</code> and <code>Headline</code> goes, so how could I modify my CSS for this thing?</p>