CodePen Embed - nth-child(expression) example with multiplier + offset

<article>
  <h1>Первый заголовок h1 статьи</h1>
  <p>Первый абзац статьи</p>
  <h2>Первый заголовок h2 статьи</h2>
  <p>Второй абзац статьи</p>
  <p>Третий абзац статьи</p>
  <p>Четвертый абзац статьи</p>
  <section>
    <h3>Первый заголовок h3 статьи</h3>
    <h4>Первый заголовок h4 статьи</h4>
    <p>Пятый абзац статьи</p>
  </section>
  <h2>Второй заголовок h2 статьи</h2>
  <p>Шестой абзац статьи</p>
  <p>Седьмой абзац статьи</p>
</article>

p:nth-child(2n+1) {
  color: red;
}

This Pen is owned by fruntend on CodePen.

See more by @fruntend on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.