JSFiddle - React, Tailwind, and code Playground

by Bahman ParsaManesh

HTML

<!DOCTYPE html>
<html>
<head></head>
<body>
  <p>try to mouse over or click on below links</p>
  <div class="country_1">You Can Go to <a href="#">USA</a></div><br>
  <div class="country_2">You Can Go to <a href="#">Germany</a></div><br>
  <div class="country_3">You Can't Go to <a href="#">N.Korea</a></div>
</body>
</html>

CSS

div.country_1, div.country_2 {
    pointer-events: auto;
}

div.country_3 {
    pointer-events: none;
}