title: CSS for first td of each tr in certain table
body: <p>I have table with id "student".
  e.g.</p>
  
  <pre><code> &lt;table id="student"&gt;
      &lt;tr&gt;
          &lt;td&gt;Role&lt;/td&gt;
          &lt;td&gt;Merin&lt;/td&gt;
          &lt;td&gt;Nakarmi&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Role&lt;/td&gt;
          &lt;td&gt;Tchelen&lt;/td&gt;
          &lt;td&gt;Lilian&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Role&lt;/td&gt;
          &lt;td&gt;Suraj&lt;/td&gt;
          &lt;td&gt;Shrestha&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>For each row in this table, the first <code>&lt;td&gt;</code> has value Role and I want to hide this first <code>&lt;td&gt;</code> for every row. 
  I tried option like</p>
  
  <pre><code>#student &gt; tr &gt; td:first-child
  { 
      width: 0px; important;
  }
  </code></pre>
  
  <p>But unfortunately did not work.</p>
  
  <p>Please help </p>