title: Set table column width depending on order
body: <p>Good afternoon in my timezone.</p>
  
  <p>I have a table with four <code>tr</code> and each <code>tr</code> has four <code>td</code>.</p>
  
  <p>I want to apply different width's to each td.
  For example I want the following:</p>
  
  <pre><code>&lt;tr&gt;
     &lt;td width="20%"/&gt;
     &lt;td width="25%"/&gt;
     &lt;td width="10%"/&gt;
     &lt;td width="45%"/&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>Is there a way to have just one class that is applied to the <code>tr</code> and inside that class I give a width to each <code>td</code>? Or do I create four different classes each with different width's ? Something like </p>
  
  <pre><code>.firstTD{
      width:20%; 
  } 
  .secondTD{
     width:25%; 
  } 
  .thirdTD{
     width:10%; 
  } 
  .fourTD{
    width:45%; 
  }
  </code></pre>
  
  <p>This should be supported in internet explorer 6 too.</p>
  
  <p>Thanks in advance.
  Best regards</p>