Disabling pointer events can be particularly useful when combining media backgrounds and certain hover state setups.
<a href="#">
<div class="pointer-events-none">This is a child object within a link</div>
</a>
You can also reset the pointer-events value to the default auto using the .pointer-events-auto class:
<a href="#">
<div class="pointer-events-auto">This is a child object within a link</div>
</a>