JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
  
</div>

CSS

@supports (-webkit-appearance: none) {
  .test::before {
    content: "Before";
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  .test::after {
    content: "After";
  }
}