<ul>
      <li>リスト1</li>
      <li>リスト2</li>
      <li>リスト3</li>
      <li>リスト4</li>
      <li>リスト5</li>
      <li>リスト6</li>
      <li>リスト7</li>
    </ul>
const $evenElem = $("li:nth-child(even)");
$evenElem.css("color","red");

const $oddElem = $("li:nth-child(odd)");
$oddElem.css("color","blue");

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js