CodePen Embed - nth-of-type pick custom number

.container
  h2 title 1
  p Lorem ipsum dolor sit amet.

  h2 title 2
  p Lorem ipsum dolor sit amet.

  h2 title 3
  p Lorem ipsum dolor sit amet.

  h2 title 4
  p Lorem ipsum dolor sit amet.

  h2 title 5
  p Lorem ipsum dolor sit amet.

  p Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil, beatae.
  p Lorem ipsum dolor sit amet consectetur.

  h2 title 6
  p Lorem ipsum dolor sit amet.

View Compiled

.container :nth-of-type(odd) {
  background-color: #469924;
}

.container :nth-of-type(even) {
  background-color: #9046f5;
}

This Pen is owned by Bucky Chu on CodePen.

See more by @bucky0112 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.