How to disable click on links using CSS?

Easy question, easy solution. We can disable click on all links, or we can use id or class for the particular links that should be unlickable and use:
pointer-events: none;

I use it for the case when I need to disable clicks on the images to avoid popup windows on the mobile devices. So for my case, I used the following code:

@media screen and (max-width: 640px) {
span.itemImage a.modal {pointer-events: none;}
}