Styling Links

Want to configure color change when mouse over a link, I have applied the follow code on articles, but fail.

www.w3schools.com/css/tryit.asp?filename=trycss_link

Use:

.bottom div.module h3:hover{
color:...
}

put that at bottom of tempalte_css.css

PLEASE USE SAME THREAD FOR RELATED POSTS, SO WE COULD CONNECT MEANING!

I have tested but fail.

www.fesaconsol.com

I can clarify again. See the bottom of the site, you can see four key work, View Case Fact File.
When mouse over these words, want to change color to Red.

Since I finally looked at your site: This can not work like you planed. Here is your HTML for first item:

<p style="text-align: center;"><a href="/index.php/component/content/article/9-feo-solu/211-by-view"><strong style="color: #07a4d1; text-align: center;"><span style="font-family: helvetica; font-size: 24pt;">View</span></strong></a></p>


instead:

<strong style="color: #07a4d1; text-align: center;"><span style="font-family: helvetica; font-size: 24pt;">View</span></strong>

you could use:

<span class="mylabel" >View</span>

then you could add at bottom of template_css.css:

.mylabel{
font-family: helvetica;
font-size: 24pt;
font-weight:bold;
color: #07a4d1;
text-align: center;
}

.mylabel:hover{
color: #FF0000;/*example value*/
}

That's great. Thanks.