CSS でクラス指定の無い要素にのみスタイルを適用する方法

ul:not([class]) {
  /* スタイル */
}

<p>クラス無しのリスト:</p>
<ul>
  <li>葛</li>
  <li>根</li>
  <li>湯</li>
</ul>
<p>クラス付きのリスト:</p>
<ul class="item-list">
  <li>小</li>
  <li>青</li>
  <li>竜</li>
  <li>湯</li>
</ul>

ul {
  padding-left: 24px;
  li {
    position: relative;
    list-style-type: none;
    &:before {
      position: absolute;
      left: -1em;
      display: inline-block;
      content: "\00B7";
      color: red;
    }
  }
}
.item-list {
  // padding-left をリセット（ Chrome のデフォルトの値を再現）
  -webkit-padding-start: 40px;
  li {
    // position をリセット
    position: initial;
    list-style-type: square;
    &:before {
      // before をリセット
      content: initial;
    }
  }
}

ul:not([class]) {
  padding-left: 24px;
  li {
    position: relative;
    list-style-type: none;
    &:before {
      position: absolute;
      left: -1em;
      display: inline-block;
      content: "\00B7";
      color: red;
    }
  }
}
.item-list {
  li {
    list-style-type: square;
  }
}

// class でスタイル指定されていないリストのみを取得
const bareLists = jQuery('ul:not([class]) li');
// もちろん not() メソッドを使って次のようにも書くこともできます
const bareLists = jQuery('ul').not('[class]').find('li');