JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="my-div">
  <div>Only for demo reason: </div>
  <div> hover and you will see or</div> 
  <div>hold the click button</div>
</div>
<a href="#">Link</a>

CSS

a:active,.my-div:active {
  background-color: green
}
/*a:active{
  color:green;
}*/
/*Style the div if hovered over*/
a:hover,.my-div:hover {
  outline: 2px solid yellow
}
a:visited{
  outline: 2px solid orange;
}
.visited:hover{
  outline: 2px solid orange;
}

JavaScript

$("div.my-div").click(function(){
	$(this).addClass("visited");
});
/*if($("div.my-div").hasClass("visited")){
	$(".my-div").hover(function(){
  	$(this).css("outline", "2px solid orange");
  });
}*/