How to write :hover condition for a:before and a:after?

Question

How to write :hover and :visited condition for a:before?

I\'m trying a:before:hover but it\'s not working

Answer 1

or you can set pointer-events:none to your a element and pointer-event:all to your a:before element, and then add hover CSS to a element

a{
    pointer-events:none;
}
a:before{
    pointer-events:all
}
a:hover:before{
    background:blue;
}