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

To change menu link's text on mouseover. (Different language text on hover) here is the

jsfiddle example

html:

<a align="center" href="#"><span>kannada</span></a>

css:

span {
    font-size:12px;
}
a {
    color:green;
}
a:hover span {
    display:none;
}
a:hover:before {
    color:red;
    font-size:24px;
    content:"ಕನ್ನಡ";
}