title: Hiding a <td> in a <tr> with CSS
body: <p>I have to hide a <code>td</code> element in a <code>tr</code> which has 2 <code>td</code>s</p>
  
  <p>Here is the HTML code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="ms-globalnavicon"&gt;
    &lt;table cellpadding="0" cellspacing="0" style="border:solid 0px red;"&gt;
      &lt;tr&gt;
        &lt;td align="left" valign="top" style="padding-right:10px;padding-top:5px;"&gt;
          &lt;a href="http://unet.unisys.com" target="_blank"&gt;
            &lt;img src="/_layouts/images/SiteIcon.png" alt="Unisys" /&gt;
          &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align="left" valign="top" style="padding-top:9px;"&gt;
          &lt;a href="http://google.com"&gt;My Site&lt;/a&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>In the above HTML code I need to hide the 2nd <code>td</code> element alone in CSS. I put the below CSS but it is hiding both the <code>td</code>s. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.ms-globalnavicon table tr td {
    visibility: collapse;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="ms-globalnavicon"&gt;
    &lt;table cellpadding="0" cellspacing="0" style="border:solid 0px red;"&gt;
      &lt;tr&gt;
        &lt;td align="left" valign="top" style="padding-right:10px;padding-top:5px;"&gt;
          &lt;a href="http://unet.unisys.com" target="_blank"&gt;
            &lt;img src="/_layouts/images/SiteIcon.png" alt="Unisys" /&gt;
          &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align="left" valign="top" style="padding-top:9px;"&gt;
          &lt;a href="http://google.com"&gt;My Site&lt;/a&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>