2012-01-05 9 views
2

ハイパーリンクにCSSトランジションを実装しようとしていますが、次のコードを試していますが、訪問されていないリンクでのみ動作しています。訪問されたリンクでは機能しません。何か間違っているのですか?訪問したリンクでCSSの遷移が動作しない

a, a:link, a:visited { 
    color: lightblue; 
    -webkit-transition: color .4s linear; 
    -moz-transition: color .4s linear; 
    -o-transition: color .4s linear; 
    -ms-transition: color .4s linear; 
    transition: color .4s linear; 
    } 

    a:hover { 
     color: red; 
    } 

これと競合する可能性のある他のCSSコードはありません。擬クラスが動作するためには次々に来ている

答えて

3

あなたがChromeの機能をテストしている可能性が高いためです。リンクと::疑似要素が同じである訪問(あなたの場合のように上記の)彼らはどちらかおそらく必要ないなら、あなたがた場合

CSS3 color transition not working in Chrome

2

CSS:

a { /* code */ } 
a:link { /* code */ } 
a:visited { /* code */ } 
a:hover { /* code */ } 

また、これらの事項を記述された順序に注意してください。

+0

:このリンクをチェックしてください。私は最初のルールの 'a {/ * code * /}'に戻り、それを試してテストしてみてください。 – SpoonNZ

関連する問題