同时设置伪类样式a:link和a:visited，a:link样式被a:visited样式覆盖问题

根据爱恨原则，正常书写顺序如下
:link
:visited
:hover
:active

问题

同时设置伪类样式 a:link 和 a:visited ，在超链接未被访问时，a:link 样式无效，取而代之的是 a:visited 的样式

解决

1. <a> 元素的 href 属性，必须有值
2. 清除浏览器缓存

    <h2>
        未正确书写链接地址时，a:link无效，效果为:visited样式
    </h2>
    <a href="">W3Sschool</a>
    <a href="">Google</a>
    <a href="">Wikipedia</a>

    <h2>
        正确书写链接地址时，a:link有效
    </h2>
    <a href="http://www.w3school.com.cn">W3Sschool</a>
    <a href="http://www.google.com">Google</a>
    <a href="http://www.wikipedia.org">Wikipedia</a>

效果