Hi there! I am in CSS chapter 5 Styling links and list and I have a problem with nav tag. When I place mouse on link nothing happen. Its my code:
html
<nav id="navigation">
<h2>The Main navigation</h2>
<ul>
<li><a href="https://www.google.com/">Home</a></li>
<li><a href="https://www.google.com/">Store</a></li>
<li><a href="https://www.google.com/">Blog</a></li>
<li><a href="https://www.google.com/">Contact us</a></li>
</ul>
</nav><!--closing navigation-->
and css
/* unvisited links*/
a:link {
color: yellow;
text-decoration: none;
}
a:visited: {
color: red;
background: red;
}
/*mouse over link*/
a:hover {
color: blue;
text-decoration: underline;
font-family: arial;
font-size: 30px;
}
/*selected link*/
a:active: {
color: green;
font-weight: bold;
}
#centerDoc a:link {
color: green;
text-decoration: underline;
}
#centerDoc a:hover {
color: blue;
}
Thanks