css-a与a:link的一些认识

1、a元素有四种状态：

a:link    {color:blue;}//未点击的链接状态
a:visited {color:blue;}//已点击的连接状态
a:hover   {color:red;}//鼠标悬浮时的状态
a:active  {color:yellow;}//鼠标点下去的时的状态

2、如果设置了：

a{
    color: black;
    font-size:20px;
}

那么四种状态会继承a中它们没有的声明，但是四种状态中的声明优先级高于a中的。比如

a:hover   {color:red; font-size:40px;}

那么hover状态下，字体将由link或visited状态下的20px（继承自a）变为40px（hover自己的）；

3、没有href属性，将没有a:link和a：visited的状态。

4、只设置a的样式，不设置四种状态的样式，那么四种状态会都继承a的样式。

5、CSS标准顺序是：link/visited/hover/active，他们优先级相同。比如未访问时鼠标悬停，将触发link/hover，因为优先级相同，所以将匹配最后一个样式，即hover。所以如果按link/hover/visited/active排序，那么链接访问后，将无法实现hover的样式，因为此时将触发link/hover/visited，最终匹配visited的样式。

6、结合伪类：比如想要悬停在为访问链接上是一种样式，悬停在已访问链接上是另一种样式，可以使用：

a:link:hover{
    //
}

a:visited:hover{
    //
}

不过老古董IE6不支持。