JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="list1">
  <li>
    это
    <ul>
      <li>один
        <ul>
          <li>вложенный
            <ul>
              <li>список</li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

<ul class="list2">
  <li>
    это
    <ul>
      <li>другой
        <ul>
          <li>вложенный
            <ul>
              <li>список</li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

SCSS

body {
  font-size: 16px;
  .list {
    &1 li {
      font-size: 1.5em;
    }
    &2 li {
      font-size: 1.5rem;
    }
  }
}