JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <p>
    Heading 1
  </p>
  <div class="override">
    <p class="p1">
      Sub heading 1
    </p>
    <p class="p2">
      Sub heading 1
    </p>
  </div>
</div>

CSS

::selection {
  color: #000;
  background: #c6c6c6;
}
::-moz-selection {
  color: #000;
  background: #c6c6c6;
}
.p1{
  color:red;
}
.p2{
  color:green;
}
.override ::selection{
  color:inherit;
}
.override ::-moz-selection{
  color:inherit;
}