0

我真的很困惑......我有这个代码:

    a {
    float: left;
    padding: 5px 20px;
    }
a:link {
    text-decoration: none;
    color: #008B45;
    }
a:hover {
    color: #00FF00;
    font-weight: bold;
    }
a:visited {
    color: #EE9A00; 
    }

但是我访问它之后的链接a链接没有根据a改变颜色:悬停......为什么?

谢谢

4

1 回答 1

0

我不知道确切原因,但我想这是因为属性 :visited 比 :hover 更受欢迎。为了完成这项工作,您必须在颜色声明的末尾添加“!important”。像这样:

a {
    float: left;
    padding: 5px 20px;
    }
a:link {
    text-decoration: none;
    color: #008B45;
    }
a:hover {
    color: #00FF00 !important;
    font-weight: bold;
    }
a:visited {
    color: #EE9A00; 
    }
于 2013-08-02T09:40:05.377 回答