why is my hyperlink css not working

Question

I have tried and tried to fix this issue, but i don't know what is going on. Basically i have hyperlinks on my html which i want to change from blue to something else. However for some reason it just wont work, i managed to get rid of the underline but i cant change the color.

HTML

        <nav align="middle">

        <ul>
            <li><a href="#">Videos</a></li>
            <li><a href="#">News</a></li>
            <li><a href="#"><img src="images/logo.png" class="home" style="height:80px; width:80px;"></a></li>
            <li><a href="#">Games</a></li>
            <li><a href="#">Music</a></li>
        </ul>



    </nav>

CSS

li {

display: inline;
margin-right: .75em;
list-style: none;
margin: 0;
padding: 60px;

}

html,body {
height: 100%;
overflow: hidden;  
}

a {
color: black;
text-decoration: inherit;
}

ul {
position: fixed;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
border: 2px solid #ccc;
border-width: 3px 0;  

}

Answer 1

/* unvisited link */
a:link {
    color: #FF0000;
}

/* visited link */
a:visited {
    color: #00FF00;
}

/* mouse over link */
a:hover {
    color: #FF00FF;
}

/* selected link */
a:active {
    color: #0000FF;
}

Fore more information click here.