如何更改導航元素內的字體顏色？

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; 
}