<ul class="nth-child2">
  <li>1番目</li>
  <li>2番目</li>
  <li>3番目</li>
  <li>4番目</li>
  <li>5番目</li>
</ul>

<ul class="nth-child-2n">
  <li>1番目</li>
  <li>2番目</li>
  <li>3番目</li>
  <li>4番目</li>
  <li>5番目</li>
</ul>

<ul class="nth-child-odd">
  <li>1番目</li>
  <li>2番目</li>
  <li>3番目</li>
  <li>4番目</li>
  <li>5番目</li>
</ul>
<ul class="nth-child-even">
  <li>1番目</li>
  <li>2番目</li>
  <li>3番目</li>
  <li>4番目</li>
  <li>5番目</li>
</ul>
ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style-position: inside;
  li {
    width: 50%;
  }
}

.nth-child2 {
  display: block;
  li {
    &:nth-child(2):after {
      content: '←前から2番目';
      color: red;
    }
  }
}

.nth-child-2n {
  li:nth-child(2n):after {
    content: '←前から2の倍数';
    color: green;
  }
}

.nth-child-odd {
  li:nth-child(odd):after {
    content: '←前から奇数';
    color: red;
  }
}

.nth-child-even {
  li:nth-child(even):after {
    content: '←前から偶数';
    color: green;
  }
}
View Compiled
Rerun