querySelector を使ったデモ

html

            <ul>
              <li class="target1">リスト１</li>
              <li class="target1">リスト２</li>
              <li class="target1">リスト３</li>
              <li class="">リスト４</li>
            </ul>
          

JavaScript

            const target1 = document.querySelector(".target1");
            target1.style.color = 'red';
            // 「target1」クラスが付いているもの以外を取得
            const target1Exclude = document.querySelector("ul li:not(.target1)");
            target1Exclude.style.color = 'green';
          

html

            <ul>
              <li class="target2">リスト１</li>
              <li class="target2">リスト２</li>
              <li class="target2">リスト３</li>
            </ul>
          

JavaScript

            const target2 = document.querySelectorAll(".target2");
            target2.forEach(function(value) {
              value.style.color = 'red';
            });