<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
a{
display: block;
margin: 10px;
}
a:nth-child(2){
pointer-events: none;
}
a:nth-child(3){
pointer-events: auto;
}
</style>
</head>
<body>
<h1>CSS pointer-events Property</h1>
<a href="#">Hover me, I'm pointer event none.</a>
<a href="#">Hover me, I'm pointer event auto.</a>
</body>
</html>