title: Over lap td with colspan="3"
body: <p>Previously I was using below css to hide adjacent td it is working fine for colspan="2", but I need the same to be worked for colspan="3".</p>
  
  <p>Do I need to add anything in the css or to the td?       </p>
  
  <pre><code> &lt;!DOCTYPE html&gt;
      &lt;html&gt;
      &lt;head&gt;
      &lt;style&gt;
      table, th, td {
          border: 1px solid black;
      }
      td[colspan="3"]+td{
        display: none;
      }
  
      &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
      &lt;table&gt;
        &lt;tr&gt;
          &lt;th&gt;Month&lt;/th&gt;
          &lt;th&gt;Savings1&lt;/th&gt;
           &lt;th&gt;Savings2&lt;/th&gt;
           &lt;th&gt;Savings3&lt;/th&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;January&lt;/td&gt;
          &lt;td&gt;$100&lt;/td&gt;
          &lt;td&gt;$100&lt;/td&gt;
          &lt;td&gt;$100&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;February&lt;/td&gt;
          &lt;td&gt;$80&lt;/td&gt;
          &lt;td&gt;$100&lt;/td&gt;
          &lt;td&gt;$100&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td colspan="3"&gt;Sum: $180&lt;/td&gt;
           &lt;td&gt;$80&lt;/td&gt;
  
          &lt;td &gt;$110&lt;/td&gt;
          &lt;td&gt;$100&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
  
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>