Need help with CCS link colour in DIV

I have all links on my page within <div id="main_container"> set to red, however I would like to over rule this with white links and red hover if links are H2 tags?

<html>
<head>
<style type="text/css">

body{
	background-color: #000;	
}

#main_container a:link, #main_container a:active{
  text-decoration: none;
  color: #FF0033;
} 
#main_container a:hover{
  text-decoration: none;
    color: #fff;
}
#main_container a:visited{
  text-decoration: none;
  color: #FF0033;
}


h2{
   font-family: Verdana, Geneva, Arial, Helvetica-Normal, serif;
   color: #f3f3f3; 
   font-weight: normal;
   font-size: 20px;
}

</style>

</head>

<body>
</body>

<div id="main_container">


<a href="">TEST LINK</a>

<h2><a href="">TEST LINK</a></h2>

</div>

Open in new window

sabecsAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
Ishaan RawatConnect With a Mentor Designer | Developer | ProgrammerCommented:
add this to your css...


h2 a{
color: white !important;
}
h2 a:hover{
color: red !important;
}

Open in new window

0
 
sabecsAuthor Commented:
Thanks Ishaan, that is perfect..
0
 
Ishaan RawatDesigner | Developer | ProgrammerCommented:
Your welcome...
0
All Courses

From novice to tech pro — start learning today.