Text och hover problem

Hej.

Jag är ganska ny på det här med CSS och har ett litet problem.

Problemet är att länken jag skapar i html blir blå samt understuken trots att jag (hoppas jag) angett angett annan färg i CSS'en (#7F888E).

Har hållt på fram och tillbaks men får ingen rätsida på det här (hovringseffekten verkar funka dock).

I html-koden, ser länken ut så här:

<h4><a href="http://www.mysite.com">TRYCK HÄR</a></h4>

I CSS'en (extern) ser det ut såhär:

h4{
font-size:11px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#7F888E;
padding:5px;
margin:0px;
text-decoration:none;
}
h4:hover {text-decoration: none;}
a:hover
{
text-decoration: none;
background-color: yellow;
}

Säkert massa fel, behöver lite hjälp här. Tack!

Själv tycker jag att det är enklare att hålla reda på stilarna mha klasser. Ex:

HTML

<a href="" class="link">Länk</a>

CSS

a.link:link,a.link:visited,a.link:active,a.link:hover{color:#224668;}
a.link:active,a.link:hover{text-decoration:none;}

PS. Jag kom på att link inte var så bra namn ur pedagogisk synvinkel. Men du fattar säkert...

Tackar, det gjorde susen!

Problemet är att länken jag skapar i html blir blå samt understuken trots att jag (hoppas jag) angett angett annan färg i CSS'en (#7F888E).

Nej det har du inte, Du har angett att <h4> skall ha den färgen.
det du skulle gjort om du vill ha nånting annat än blått för dina länkar är att sätta det på just <a> taggen. Att hålla på med en massa klasser för att modifiera standardelement är bara onödigt, såvida du inte skall ha ett fåtal länkar i annan färg än det du sätter som standard