0

ナビゲーション バーのスタイルは次のとおりです。

nav a:link,a:visited {
    display:block;
    width: 125px;
    color:#000000;
    background-color:#FFFFFF;
    text-decoration:none;
    font-family: Arial,Helvetica,sans-serif;
    font-variant:small-caps;
    padding: 5px;
    font-size: 18px;
}

私のリンクの残りの部分は、次のようにスタイル設定されています。

footer a:link {
    color:#7A7A7A;
}

footer a:visited {
    color:#7A7A7A;
} 

footer a:hover {
    color:#383838;
}   

footer a:active {
    color:#000000;
}

問題は、Opera が a:link,a:visited の前の #nav または #footer を認識できないため、ページ上のすべてのリンクが Opera のナビゲーション バーのように見えることです。誰でもこれの修正を考えることができますか?

HTML

<ul id="nav">
    <li>
        <a href="#home">Home</a>
    </li>

    <li>
        <a href="#news">About Us</a>
    </li>

    <li>
        <a href="#contact">Portfolio</a>
    </li>

    <li>
        <a href="#about">Services</a>
    </li>

    <li>
        <a href="#about">Contact Us</a>
    </li>
</ul>

これは、上書きされる HTML です。

<div id="footer">
    Copyright 2013, <a href="http:">Link 1 </a> and <a href="http:">Link 2 </a>
</div>
4

3 に答える 3

1

ID をターゲットにしようとしています。CSS セレクターは#nav、#footer

例えば

#footer {
  blah
}
#nav {
  blah
}
于 2013-04-10T12:51:45.950 に答える
0

Simons answer で述べたように、の代わりにnavlike を追加する必要があるのは 2 番目のセレクターです。nav a:visiteda:visited

これが実際の例です（Win7のOpera 12およびChrome 26でテスト済み）

また、 HTMLで動作するようnavに#nav（フッターと同じ）に変更しました

于 2013-04-10T12:53:39.157 に答える