Css hover sometimes doesn't work on svg paths

Question

I got a svg with paths, and i have css hover on them, but hover sometimes work, sometimes not.

What can be the problem?

Answer 1

There's no fill so the interior does not catch mouse events by default and therefore hover doesn't react to that. Changing pointer-events to all will fix it in this case:

path{
    fill:none;
    stroke:black;
    pointer-events:all;
}