title: CSS style for first table column except first cell of that column
body: <p>So here is the <code>&lt;table&gt;</code>:</p>
  
  <pre><code>&lt;table class='census'&gt;
      &lt;tr&gt;
          &lt;th colspan="2"&gt;My Title&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td colspan="2" class='chart'&gt;&lt;SOME PIE CHART, GENERATED WITH JS&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Some title&lt;/td&gt;
          &lt;td&gt;Some Data&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Some title&lt;/td&gt;
          &lt;td&gt;Some Data&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Some title&lt;/td&gt;
          &lt;td&gt;Some Data&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Some title&lt;/td&gt;
          &lt;td&gt;Some Data&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Some title&lt;/td&gt;
          &lt;td&gt;Some Data&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I need to set fixed width for the first column. It could easily be done:</p>
  
  <pre><code>.census td:first-child {
      background-color: #F0F8FE;
      width: 250px;
  }
  </code></pre>
  
  <p><strong>Now the problem!</strong>
  Fixed width screws with JS PIE CHART.</p>
  
  <p>So i need to apply fixed width to all first <code>&lt;td&gt;</code> tags except one with <code>colspan="2"</code> that will contain my chart.</p>
  
  <p>The only thing i could come up with (so far) if this:</p>
  
  <pre><code>.census td:first-child:not(.chart) {
      background-color: #F0F8FE;
      width: 250px;
  }
  </code></pre>
  
  <p>It brings me unexpected results in all browsers.
  I'm lost at this point.</p>