JSFiddle - React, Tailwind, and code Playground

HTML

<div class="hoverable">
hoverable
</div>

CSS

@media (hover: none) {
  .hoverable { color: red; }
}

@media (pointer: coarse) {
  .hoverable { color: blue; }
}