stylesheet: how to use selectors egs for a.link:hover ?

Criticalscientists

hello
if I add
a.link:hover {
background: #607cc3 :important!;
color: #f6faff :important!;
padding: 8px 12px :important!;
border-radius: 8px :important!;
letter-spacing: 1px :important!;
text-decoration: underline :important!;
}
or the same stlyesheet without :important!;

nothing happens.

Are hover effects not supported? And if yes, how do I know which effetcts are supported and which not?

Best

Criticalscientists

okay just found out, that a:hover { code;} is working
so the question is probably how do I work with selectors in my stylesheet?

edit: old title "hover effect not working? egs. a.link:hover"

jvstratum

Hi,

I'm not sure if I understand you correctly, but I assume you are referring selectors that will work for specific classes only.

a:hover {code !important} // will be applied to all links
.link a:hover {code !important} // will be applied only to links with the class .link

The reason you are advised to always use !important is to prevent that your code get overridden by the default css.

Criticalscientists

Ciao thank you
I haven't been working on my code for a too long tim, am quite new to html/css and was obviously confused.

Best

jvstratum

You;re welcome, enjoy your Acymailing!