如何更改导航元素内的字体颜色？

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