title: How to remove border and change background-color in top left cell of table?
body: <p>I am having a trouble with changing a top left corner cell of a table.
  I have this table:</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;table&gt;
   &lt;caption&gt;zľavové hodiny&lt;/caption&gt;
   &lt;tr&gt;
    &lt;th&gt;zač./deň&lt;/th&gt;&lt;th&gt;pondelok&lt;/th&gt;&lt;th&gt;utorok&lt;/th&gt;&lt;th&gt;streda&lt;/th&gt;&lt;th&gt;štvrtok&lt;/th&gt;&lt;th&gt;piatok&lt;/th&gt;
   &lt;/tr&gt;
   &lt;tr&gt;
    &lt;th&gt;10:00&lt;/th&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td colspan="3"&gt;práčky, sušičky (-20%)&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr&gt;
    &lt;th&gt;12:00&lt;/th&gt;
    &lt;td colspan="2"&gt;mikrovlnné rúry (-25%)&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;vysávače (-30%)&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
   &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>and I have to change the background-color in top left corner cell of table. It should have background-color #CCCCCC  and shouldn't have border 5px on right side (only 1px as other sides). Everything else should remain as it is now. Any ideas what to do? </p>
  
  <p>This is my CSS 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-css lang-css prettyprint-override"><code>table { 
  border: 5px double #999;
  background-color: white;
  border-spacing: 5px 1em;
  empty-cells: hide;
  margin-left: auto; 
  margin-right: auto;
  }
  
  table th, table td { 
  border: 1px solid black;
  padding: 0.5em;
  border-collapse: collapse; 
   }
   
  table tr:nth-child(1) { 
  background-color: gold;
  }
  
  table th:nth-child(2) { 
  border-bottom-width: 5px;
  }
  
  table th:nth-child(3) { 
  border-bottom-width: 5px;
  }
  
  
  table th:nth-child(4) { 
  border-bottom-width: 5px;
  }
  
  table th:nth-child(5) { 
  border-bottom-width: 5px;
  }
  
  table th:nth-child(6) { 
  border-bottom-width: 5px;
  }
  
  table tr:nth-child(odd) {
  background-color: orangered;
  }
   
  table tr:nth-child(1) { 
  background-color: gold;
  }
  
  tr th:nth-child(1) { 
  background-color: plum;
  border-right-width: 5px;
  }</code></pre>
  </div>
  </div>
  </p>