JSFiddle - React, Tailwind, and code Playground

by ShaCP

HTML

<div class="base"></div>

CSS

@layer base {
  div {
    width: 400px;
    height: 400px;
    background-color: yellowgreen;
  }
}

@layer extra {
  div {
    width: 200px;
    background-color: red;
  }
}

@layer extra {
  .base {
    * {
      all: revert-layer !important;
    }
  }
}