0

リンクのスタイリングに問題があります - ホバーとアクティブは機能しますが、リンクは機能しません。何が間違っていますか? この問題を解決するにはどうすればよいですか?

    #nav{padding: 5px 230px 10px 230px;}

#nav li{
    display: inline-block;
    list-style: none;
    margin: 5px;
    padding: 1px;
    font: 20px Century Gothic;      
}

    a.navlink:link{
        color:#06AD00;
        background: white;
        border-top: 1px #958A7E solid;  
        border-bottom: 1px #958A7E solid;
        cursor:pointer;
    }
    a.navlink:visited{}
    a.navlink:hover {
        color: black; 
        background: white; 
        border-top: 1px black solid;    
        border-bottom: 1px black solid; 
        cursor:pointer;
    }
    a.navlink:active {
        color: red; 
        background: white;
        border:0;
        cursor:pointer;
    }
4

3 に答える 3

1

あなたのCSSは私のFireFoxでうまく機能します。CSS に従って、HTML タグと属性を適切に定義してください。

また、リンクが既にアクセスされているため、間違ったスタイルが表示される場合があることに注意してください。アクセスしていない URL をいくつか入れてみてください。(例: sdfdsfdsfsfdhgsdf.com など...)

于 2013-02-04T15:05:54.640 に答える
0

特定のバージョンのOperaと古いIEでも同じ問題が発生しました。私は常に:link自然なスタイルを支持して疑似クラスを避けてきましたa-理由を完全に理解することは決してありませんでしたが:link、自然が失敗したことはありませんでしたが、常に50/50aでした。

:linkあなたのスタイルの代わりにこれを試してください：

a.navlink{
    ...
}

これにより、要素のデフォルト状態が作成されるだけですa.navlink。他の疑似クラスは、それを適切に変更します。それがあなたのために物事を修正しないなら、私の次の推測はあなたがどこかに矛盾するスタイルを持っているということでしょう。ソースの残りの部分を手に入れずに確実に知ることは困難です。

于 2013-02-04T15:06:18.323 に答える
0

:link仕様ごとに、未訪問のリンクのみに一致します。すべてのリンクを一致させたい場合は、次のようにする必要がありますa.navlink:link, a.navlink:visited {}

于 2013-02-05T00:05:46.843 に答える