Jag håller på att göra en meny, men problemet är att jag vill att textfärgen på den li som är "current" ska vara vit, men det funkar inte. Jag hittar inte felet.
Här är lite av min html kod:
Ett stycke html-kod:
<nav>
<ul id="top-menu">
<li><a href="#" id="current">Home</a></li>
<li><a href="page2.html">Next Page>></a></li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
och här är stylingen:
Ett stycke css-kod:
#top-menu{
background-color: #29444D;
border-top: 3px solid #DCE771;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
height: 25px;
padding-top: 10px;
}
#top-menu li{
display: inline;
padding: 25px;
}
#top-menu a{
font-weight: bolder;
font-size: 14px;
text-decoration: none;
}
#top-menu a:link{
color: #DCE771;
}
#top-menu a:visited{
color: #DCE771;
}
#top-menu a:hover{
text-decoration: underline;
color: lightblue;
}
#top-menu a:active{
color: white;
}
#current{
color: white;
}
Det finns inga dåliga kläder, bara dåliga förfäder...?