JSFiddle - React, Tailwind, and code Playground

HTML

<div class="c1">
  <div class="c2">
    <div class="c3">
      <div class="c4">
        <div class="c5">
          <div class="c6">
            <div class="c7">
              <div class="c8">
                <div class="c9">
                  <div class="c10">
                    Lorem ipsum
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

CSS

:matches(div, .c1)
:matches(div, .c2)
:matches(div, .c3)
:matches(div, .c4)
:matches(div, .c5)
:matches(div, .c6)
:matches(div, .c7)
:matches(div, .c8)
:matches(div, .c9)
:matches(div, .c10) {
  color: green;
}