There is such a style:
a { background:black; } a:before { background:red; } a:hover a:before { background:white } For some reason, a hover style does not change color to white. Why?
3 answers
a { background:black; } a:before { background:red; } a:hover,a:before { background:white } <a href="#">Test</a> 
Urmuz Tagizade Urmuz Tagizade
2,485 one 9 24
|
you try to color the nested link, you just need to put a comma in the string
a:hover, a:before { background:white } 
Pobezhimov Boris Pobezhimov Boris
1.548 four 20
|
You can use the a:hover:before construct to change the content in :before when you hover over a link.
a { color:red; background:black; } a:before { content: ">>>"; width: 50px; color: black; background:red; } a:hover, a:hover:before { background:white } <a url='#'>link</a> 
Visman Visman
16.2k eight 21 52
|