title: why is my hyperlink css not working
body: <p>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.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>        &lt;nav align="middle"&gt;
  
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;Videos&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;News&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/logo.png" class="home" style="height:80px; width:80px;"&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Games&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Music&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
  
  
  
      &lt;/nav&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>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;  
  
  }
  </code></pre>