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;
}

 

posted @ 2015-11-23 15:06  summer323  阅读(671)  评论(0编辑  收藏  举报