JSFiddle - React, Tailwind, and code Playground

by DaViking

HTML

<div contenteditable="true">
  <ul>
    <li data-main>1 (must be selected)
      <ul>
        <li>1.1</li>
        <li>1.2</li>
      </ul>
    </li>
    <li>2</li>
  </ul>
</div>

CSS

[data-main] /* selected all children of cause */
{
  border: 1px solid red
}

/* li:not([data-main]) - select all li except main */ 
/* [data-main] li - select all children li */
/* [data-main]:not(:nth-child(1)) - select nothing */