title: Table Row CSS Background Color Won't Change
body: <p>I have the following CSS:</p>
  
  <pre><code>.tableStatic tbody tr { border-top: 1px solid #e7e7e7; }
  .tableStatic tbody tr:nth-child(even) { background-color:#f5f5f5; }
  </code></pre>
  
  <p>I want to change the background of certain "holiday" rows as follows</p>
  
  <pre><code>.tableStatic tbody tr { border-top: 1px solid #e7e7e7; }
  .tableStatic tbody tr:nth-child(even) { background-color:#f5f5f5; }
  .tableStatic tbody tr .holiday {background-color: #778899;}
  </code></pre>
  
  <p>How ever it doesn't work. The background color is changed but it is using #f5f5f5 instead of #778899</p>
  
  <p>Any pointers?</p>