JSFiddle - React, Tailwind, and code Playground

HTML

<div id="d1">TEST 1 </div>

<div id="d2">TEST 2</div>

CSS

div {
  width: 120px;
  border: 1px solid red;
  margin: 20px;
}

#d1::after {
  content: "no hover needed";
  border: 1px solid blue;
  display: block;
}

#d2:hover{
}

#d2:hover::after {
  content: "Y U NO WORK IN IE";
  border: 1px solid blue;
  display: block;
}