Tweet
How can I make two different color hover links? For example I'm trying to make one link turn yellow when the user rolls over this link, and on the same page make other link turn red.
This does not work, what am I doing wrong?
<html>
<head>
<title>Help Me please!!</title>
<style type="text/css">
.style1 {
a:hover {color:yellow}
}
.style2 {
a:hover {color:red}
}
</style>
</head>
<body>
<p><a class="style1" href="page1.htm">page one</a></p>
<p><a class="style2" href="page2.htm">page two</a></p>
</body>
</html>
This does not work, what am I doing wrong?
<html>
<head>
<title>Help Me please!!</title>
<style type="text/css">
.style1 {
a:hover {color:yellow}
}
.style2 {
a:hover {color:red}
}
</style>
</head>
<body>
<p><a class="style1" href="page1.htm">page one</a></p>
<p><a class="style2" href="page2.htm">page two</a></p>
</body>
</html>
Comment