我的导航栏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

回答

相关问题