title: CSS style for first <td> in a <tr>
body: <p>I'm trying to set all the &lt;td> elements of my &lt;tr> to be right-aligned except the first one, which I want to be left-aligned.  I tried this:</p>
  
  <pre><code>&lt;style&gt;
  td { text-align: right };
  td:first-child { text-align: left };
  &lt;/style&gt;
  </code></pre>
  
  <p>That makes all cells be right-aligned.  If I swap the order of those two rows, then all cells are left-aligned.  Highly confused.  According to w3schools, </p>
  
  <blockquote>
    <p>The :first-child selector is used to select the specified selector, only if it is the first child of its parent.</p>
  </blockquote>
  
  <p>But that doesn't seem to be happening for me.</p>