How to not trigger hover effect on element underneath another element without javascript

Question

I have looked at some other posts and all I could find was answers using javascript. Is there some way that I hover over an element on top of another element but the element at