a:hover probleem

Hoi!

Ik heb een site en daar moeten alle links de volgende regel hebben:
a {
color: #363636;
text-decoration: none;

}

a:visited {
color: #363636;
text-decoration: none;
}

a:hover {
color: #363636;
text-decoration: underline;

}

dit werkt..

Nu wil ik als de volgende div komt:<div id="content"> dat de volgende css regel wordt uitgevoerd:

content a {
color: #387BC1;
text-decoration: none;

}

#content a:visited {
color: #387BC1;
text-decoration: none;
}

#content a:hover {
color: #387BC1;
text-decoration: underline;

}

dit werkt ook..

Nu zou ik graag willen dat als er een link tussen <h2></h2> in de content div staat dat deze link rood wordt... Ik heb het volgende geprobeert maar dat werkt niet:

h2 a {
color: red;
text-decoration: none;

}

h2 a:visited {
color: red;
text-decoration: none;
}

h2 a:hover {
color: red;
text-decoration: underline;

}

Weet iemand hoe het wel moet?

alvast heel erg bedankt!!