我的導航欄CSS被覆蓋在Opera

我等環節的CSS我都稱呼我的導航欄的方式如下爲：我的導航欄CSS被覆蓋在Opera

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>

來源

2013-04-10 user2266044

你能否提供任何HTML？ – Johan 2013-04-10 12:37:50

@ user2266044編輯問題中的html，而不是將它置於評論中。 – 2013-04-10 12:45:27

Opera如何失敗，但在其他瀏覽器中成功？ – cimmanon 2013-04-10 12:50:22

您的導航鏈接第二選擇是不完全正確的，應該是：

nav a:link, 
nav a:visited { 
    // styles 
}

而不僅僅是nav a:link, a:visited，就像這樣樣式適用於每個訪問過的ancho河

也像其他答案中提到的那樣，由於您發佈了HTML，因此您必須選擇帶有#nav或#footer的索引（id）元素。

來源

2013-04-10 12:40:45 Simon

你試圖目標的ID，你的CSS選擇器應該是#nav和#footer

例如

#footer { 
    blah 
} 
#nav { 
    blah 
}

來源

2013-04-10 12:51:45 Jayx

正如Simons答覆中提到，它是的需要nav添加像nav a:visited而不是a:visited第二選擇。

Here is a working example（在Opera 12和Chrome 26測試Win7上）

也是一個從nav改爲#nav（同爲頁腳）得到它與你的HTML工作

來源

2013-04-10 12:53:39 Johan

我的導航欄CSS被覆蓋在Opera

回答

相關問題