title: CSS Alternate Rows - some rows hidden
body: <p>I'm trying to style a table so that each row is a different colour (odd/even). I have the following CSS:</p>
  
  <pre><code>#woo tr:nth-child(even) td {
      background-color: #f0f9ff;
  }
  
  #woo tr:nth-child(odd) td {
      background-color: white;
  }
  </code></pre>
  
  <p>However, some of my rows can be hidden and I'd still like the rows to alternate. How can I adjust the above so it gives the appearance of alternate rows, even if the rows that are next to each others aren't necessarily odd and even?</p>