JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<section class="tests">
  <div>div</div>
  <span>span</span>
</section>

<hr />

<section class="id-tests">
  <div id="test">#test</div>
  <div id="foo">not #test</div>
</section>

SCSS

.tests {
  span {
    background: blue;
  }
  :not(div) {
    background: red;
  } 
}

.id-tests {
  #foo {
    background: green;
  }
  
  :not(#test) {
    background: orange;
  }
}