How to determine the element that was clicked?

Question

css

I have a nesting li > a > i
When I click constantly I get on different elements, I don’t put it on each event.
Can this be done with css?
It is desirable that the click falls on li

Answer 1

You can put a and i
pointer-events none
Here is a demo: https://jsfiddle.net/littleguga/78fvbrx5/