JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<ul class="list">
  <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, omnis.</li>
</ul>

<nav>
  <a href="">menu</a>
  <div>div element</div>
</nav>

<div>
  <nav>nav</nav>
</div>

CSS

:is(ol, .list, ul) li {
  background: red;
}

/* ...than this, even though this is later... */
.list li  {
  background: green;
}

a:is(nav *) {
  background: pink;
}

/* :is(div:not(.demo) nav) {
  background: yellow;
} */

div:not(.demo) nav {
  background: yellow;
}