Bankin Bankin - 3 months ago 16x
jQuery Question

Css hover on before element

I have a div and a div:before. I want when the mouse goes over (hover) the :before element to change its color. Is there a way to do it no matter with css or jQuery?

I tried stuff like div:before:hover but nothing happened

Thanks in advance


Solution 1

(doesn't resolve question) With just css:

span:before {
    color: red;
    content: "hi";
span:hover:before {
    color: blue;



edit: fiddle

Solution 2

Work around for given problem without :before