超連接訪問後hover樣式不出現的問題解決辦法

問題

<a href="#">超連接訪問後hover樣式不出現的問題</a>

<style type="text/css"> 
        a:hover{ 
            color: red; 
        } 
        a:visited{ 
            color: #ccc; 
        }

</style>

 

上面這段代碼a標籤被訪問事後，hover的樣式就不在出現，緣由是將a:hover和a:visited的順序放錯了

正確的僞類順序爲：

<style type="text/css"> 
    a:visited{ 
        color: #ccc; 
    } 
    a:hover{ 
        color: red; 
    } 
</style>

總結

關於a標籤的四種狀態排序問題，有個簡單好記的原則，叫作love hate原則，即l（link）ov（visited）e h（hover）a（active）te。