title: How to make strip td in css?
body: <p>How to make strip <code>td</code> with different <code>background-color</code> using CSS?</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>.backgroundi:nth-of-type(2n) {
    background-color: #3366CC;
    height: 60px;
    width: 60px;
  }
  .backgroundi:nth-of-type(n+1) {
    background-color: #775577;
    height: 60px;
    width: 60px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;tr ng-repeat="comment in post.comments"&gt;
    &lt;td&gt;
      &lt;div class="backgroundi"&gt;&lt;/div&gt;
    &lt;/td&gt;
    &lt;td&gt;
      &lt;div class="c" style="margin-left:15px; margin-top:25px"&gt;hello&lt;/div&gt;
    &lt;/td&gt;
  &lt;/tr&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://plnkr.co/edit/FdVEcrQtkyapUsmft8lw?p=preview" rel="nofollow">Plunker</a></p>