a:link不能正常显示的问题

经常碰到一个问题，设置了a:link之后不起作用。代码如下：

.notice ul li a:link{
    text-decoration: none;
    color:#000;
}

.notice ul li a:hover {
    color:#f98;
    font-weight: bolder;
}

 上网查了才知道，原来是必须按照a:link，a:visited，a:hover,a:active （简称LV哈)这种顺序去添加样式。

 改成下面这样就好了：

.notice ul li a:link,.notice ul li a:visited{
    text-decoration: none;
    color:#000;
}

.notice ul li a:hover {
    color:#f98;
    font-weight: bolder;
}

 

转载于:https://www.cnblogs.com/summer323/articles/4988519.html