JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>Sample Code</title>
    <link rel="stylesheet" href="css\styles.css">
  </head>
    <body>
      <div>
        <ul>
          <li id="list1"><span>リスト１</span></li>
          <li id="list2">リスト２</li>
          <li id="list3">リスト３</li>
          <li id="list4"><span>リスト４</span></li>
          <li id="list5">リスト５</li>
        </ul>
      </div>
      <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
      <script src="js\main.js"></script>
    </body>
</html>

JavaScript

$(function(){
  $("div").find("#list3").css("color", "red");
  $("div").find("span").css("background-color", "yellow");
  console.log($("div").find("li"));
});