colors - 訪問したリンクのホバーの色が変わる

Question

私は本当に混乱しています...私はこのコードを持っています:

    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:hover に従って色を変更していません...なぜですか?

ありがとうございました

Answer 1

正確な理由はわかりませんが、属性 :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; 
    }