我有一个元素,我想更改其中链接的颜色,但我页面上的所有其他链接都使用以下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但是没有用。如何仅在元素内部更改这些链接的颜色?
答案 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;
}