Как изменить цвет шрифта внутри элемента nav?

Question

У меня есть элемент, и я хочу, чтобы изменить цвет ссылки внутри него, но все остальные ссылки на моей странице оформлены с использованием следующего CSS:

a:link { 

    color:#22b14c; 
    text-decoration:none; 
    } 

и вот нав:

<nav id="Nav"> 
     <a href="index.html">Home</a> | 
     <a href="Gallery.html">Library</a> | 
     <a href="Contact.html">Contact</a> | 
     <a href="About.html">About</a> 
</nav> 

и нав CSS:

#Nav { 

    margin-top: 20px; 
    background-color: #000000; 
    color: #f2f2f2; 
    font-size: 40px; 
    font-family: "Calibri"; 
    text-align: center; 
    } 

Я попытался пролетом внутри элемента нав, но это не сработало. Как изменить цвет для этих ссылок только внутри элемента?

Answer 1

Вы ищете это:

#Nav a{ 
    color: #f2f2f2; 
    text-decoration:none; 
} 

#Nav a:hover { 
    color: blue; 
    text-decoration: underline; 
} 

Answer 2

#Nav a { 
    color: #f2f2f2; 
} 

#Nav a:hover { 
    color: red; 
    text-decoration: underline; 
}