JSFiddle - React, Tailwind, and code Playground

by lborgman

HTML

<div id="ex">
  <p id="div1">
    outline: 2px dotted red;
  </p>
  <p id="div1" style="--unset-it:1px solid red;">
    outline: 2px dotted red;
  </p>

</div>

CSS

* {
  box-sizing: border-box;
}
:root {
   --unset-it: initial; /* Or do nothing since initial is the default value */
}
#ex {
  background: yellow;
  padding: 0.5rem;
  margin: 1rem 0;
}


#div1 {
  outline: var(--unset-it, unset);
}