0

Web サイトを作成していますが、ホバーしたときにページ上のリンクが正しい色で表示されない理由がわかりません。ここにページの1つがあります：http://jsfiddle.net/yentup/CR9TK/

気になるリンクはページ内のリンクです。ホバーすると、赤になるはずです。ただし、同じ色のままです。を使用して正しい色を強制することはできますが!important、他のすべてのリンクも正しい色を取得するために使用する必要があるため、これは避けたいと思い!importantます。競合している CSS の一部を次に示しますが、上記のリンクでページ全体のすべての CSS を見つけることができます。

a:link {
    text-decoration: none;
    color: #787878;
}

a:hover {
    color: #8B2323;
    text-decoration: underline;
}

#header ul li a {
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Quintessential', serif;
    font-size: 24px;
    font-weight: bold;
    color: #909090;
    border-left: 1px dotted #d0d0d0;
    padding: 8px 14px;
}

#header ul li a:hover {
    color: #D2691E;
}
4

1 に答える 1

3

a:hoverとの場所を入れ替えa:visitedます。

a:visited {
    color: #787878;
}

a:hover {
    color: #8B2323;
    text-decoration: underline;
}

その後、期待どおりに動作するはずです。

于 2013-02-10T01:02:24.597 に答える