我创建了一个外部样式表并在我的索引页顶部安装了一个导航栏。页面底部的两个链接受到影响。然后我为这些链接添加了 CSS 代码。它们现在是不可见的,尽管它们仍然有效。
更新:通过使用以下stackoverflow帖子的前三个答案解决:
我的导航栏 CSS 覆盖了我在 Opera 上的其他链接 CSS
(我保留了我原来的错误代码完好无损。)
如果链接答案违反网站指南或者这个问题被认为是多余的,版主可以随意编辑或删除我的帖子。
/* regular links */
a.normal:link{
color:#0000FF;
}
a.normal:visited{
color:#800080;
}
a.normal:active{
color:#FF0000;
}
/* navigation bar links */
ul.nav{
list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
}
ul.nav li{
display:inline;
}
ul.nav a:link,a:visited{
font-weight:bold;
color:#FFFFFF;
background-color:#56A5EC;
text-align:center;
padding:6px;
text-decoration:none;
text-transform:uppercase;
}
ul.nav a:hover,a:active{
background-color:#488AC7;
}
导航栏:
</p>
<br>
<ul class="nav">
<li><a href="http://www.mysite.com">Home</a></li>
<li><a href="inventory.htm">In Stock</a></li>
<li><a href="order.htm">Order</a></li>
<li><a href="faq.htm">faq</a></li>
<li><a href="contact.htm">Contact</a></li>
</ul>
<br>
<p>
普通链接:
</p>
<class="normal">
Start here <a href="pictures.htm">Pictures</a><br>
More items <a href="more-examples.htm">More examples</a><br>
</class>
<p>