[英]Hyperlink won't change color on hover or on visited
这是我的HTML的一部分。 当我将超链接悬停在其上时,即使我已对其进行编码,它们也不会改变颜色。 你知道为什么不吗?
<div class = 'container' >
<header> name goes here Illustration</header>
<nav>
<!-- Site navigation menu -->
<ul>
<li><a href = 'index.html'>home</a></li>
<li><a href = '#'>film & Game </a></li>
<li><a href = '#'>sketchbook</a></li>
<li><a href = '#'>paintings</a></li>
<li><a href = 'contact.html'>contact/Info</a></li>
</ul>
</nav>
<!-- Main content -->
<div id='content' > </div>
</div>
这是我的CSS的一部分
a: link{
color: white;
font-size: 40px;
font-family: Modern No. 20;
text-decoration: none;
}
a: visited{
color: yellow;
font-size: 20px;
font-family: Modern No. 20;
text-decoration: none;
}
a: hover{
color: blue;
text-decoration: underline;
}
您需要删除a:
和link
之间的空白,即:
a:link{
color: white;
font-size: 40px;
font-family: Modern No. 20;
text-decoration: none;
}
a:visited{
color: yellow;
font-size: 20px;
font-family: Modern No. 20;
text-decoration: none;
}
a:hover{
color: blue;
text-decoration: underline;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.