如何更改nav元素中的字体颜色?

时间:2013-10-27 09:49:46

标签: html css colors nav

我有一个元素,我想更改其中链接的颜色,但我页面上的所有其他链接都使用以下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>

和nav css:

#Nav {

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

我在nav元素中尝试了一个span但是没有用。如何仅在元素内部更改这些链接的颜色?

2 个答案:

答案 0 :(得分:5)

你在找这个:

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

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

答案 1 :(得分:0)

#Nav a {
    color: #f2f2f2;
}

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