JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <a href="#">Parent</a>
    <div class="child">
        <a href="#">Child</a>        
    </div>

</div>

CSS

.parent {
  pointer-events:none;        
}
.child {
    pointer-events:all;
}