div_stripes_help

creating striped div. help needed as div inside divs are not working properly.

HTML

<div>
  <div class="tab1">
    1
    <div class="tab2">
      2
    </div>
  </div>
</div>
<div>
  <div class="tab1">
    3
    <div class="tab2">
      4
    </div>
  </div>
</div><div>
  <div class="tab1">
    1
    <div class="tab2">
      2
    </div>
  </div>
</div>
<div>
  <div class="tab1">
    3
    <div class="tab2">
      4
    </div>
  </div>
</div><div>
  <div class="tab1">
    1
    <div class="tab2">
      2
    </div>
  </div>
</div>
<div>
  <div class="tab1">
    3
    <div class="tab2">
      4
    </div>
  </div>
</div>

CSS

.tab1 {
  background-color: red;
}
.tab2 {
  background-color: orange;
}
div:nth-of-type(odd) .tab1 {
  background-color: green;
}
.tab1:nth-child(odd) .tab2{
  background-color: yellow;
}