title: CSS table odd even styles
body: <p>I want to apply even odd style on table row(myrow). But It is taking only the color given for odd row.</p>
  
  <pre><code>.myrow, .myrow:nth-of-type(odd) + .myrow:nth-of-type(even) ~ .myrow:nth-of-type(odd) {
     background: #f8f8f8;;     
  }
  
  .myrow:nth-child(even),.myrow:nth-child(even) ~ .myrow:nth-of-type(odd), 
  .myrow:nth-child(even) + .myrow:nth-child(odd) ~ .myrow:nth-of-type(even){ 
     background: blue; 
  }
  
  &lt;table class="col-xs-12 col-sm-12 col-md-12 col-lg-12 main-table "&gt; 
  &lt;ng-container *ngFor="let r of results"&gt;
    &lt;tr class="myrow"&gt;
       &lt;div class="row&gt;
           &lt;div class="col-xs-12 col-sm-12 col-md-11 col-lg-11"&gt;
            &lt;table class="wd-100 bus-table"&gt;
                &lt;tr&gt;&lt;/tr&gt;
            &lt;/table&gt;
           &lt;/div&gt;
       &lt;/div
    &lt;/tr&gt;
  &lt;/ng-container&gt;
  &lt;/table&gt;
  </code></pre>