title: CSS Selector to select first and second table cells
body: <p>Can someone help me figure what selectors I need to change the width of my columns globally on my two column table?</p>
  
  <p>Using this, will of course select all cells:</p>
  
  <pre><code>table td {
      width: 50px;
  }
  </code></pre>
  
  <p>What I want is this:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td style="width: 50px"&gt;data in first column&lt;/td&gt;
          &lt;td style="width: 180px"&gt;data in second column&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style="width: 50px"&gt;more data in first column&lt;/td&gt;
          &lt;td style="width: 180px"&gt;more data in second column&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I'd like to put the width specification in a style sheet rather then typing the width implicitly for each  tag. What CSS selector will let me set the 50px width and 180px appropriately?</p>