html - css 不同的链接样式

Question

我试图让 different 的看起来不同，这取决于上下文。例如，在我的 html 中我有

<li><a href= "#" class= "navlink"> Home </a></li>
<li><a href= "#" class= "navlink"> Types of Insurance </a></li>
<li><a href= "#" class= "navlink"> Insurance Basics </a></li>
<li><a href= "#" class= "navlink"> Customer Center </a></li>
<li><a href= "#" class= "navlink"> About </a></li>

在我的CSS中有

.navlink : link
{
display:block;
width:120px;
text-align:center;
padding:10px;
text-decoration:none;
color:#FFFFFF;
}

.navlink : hover 
{
background-color:#ADD8E6;
}
.navlink : visited 
{
background-color:#ADD8E6;
}

但这不起作用(链接看起来没有风格)。我该如何解决这个问题？

Answer 1

:前后不能有空格。