Links: how to remove underline on hover and active

Hi,

I’m using this css that you provide in a previous topic:

.site-content p a:link,
.site-content p a:hover,
.site-content p a:active,
.site-content p a:visited {
text-decoration: underline;
}

I would like to have a hover and active effect: to remove the underline.

For that, I tried to simply remove

.site-content p a:hover,
.site-content p a:active,

but it didn’t work.

Also set

.site-content p a:hover,
.site-content p a:active,{
text-decoration: none;
}

but it didn’t work.

Any idea on how to achieve that?

Thanks in advance,
Ricardo Pons