title: How to change font color inside nav element?
body: <p>I have a  element and I want to change the color of the links within it, but all other links on my page are styled using the following CSS:</p>
  
  <pre><code>a:link {
  
      color:#22b14c;
      text-decoration:none;
      }
  </code></pre>
  
  <p>and here is the nav:</p>
  
  <pre><code>&lt;nav id="Nav"&gt;
          &lt;a href="index.html"&gt;Home&lt;/a&gt; |
          &lt;a href="Gallery.html"&gt;Library&lt;/a&gt; |
          &lt;a href="Contact.html"&gt;Contact&lt;/a&gt; |
          &lt;a href="About.html"&gt;About&lt;/a&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>and the nav css:</p>
  
  <pre><code>#Nav {
  
      margin-top: 20px;
      background-color: #000000;
      color: #f2f2f2;
      font-size: 40px;
      font-family: "Calibri";
      text-align: center;
      }
  </code></pre>
  
  <p>I tried a span inside the nav element but that didn't work. How can I change the color for these links only inside the  element?</p>