-1

我创建了一个外部样式表并在我的索引页顶部安装了一个导航栏。页面底部的两个链接受到影响。然后我为这些链接添加了 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>
4

1 回答 1

0

如果外部样式表影响了不需要的链接,那么您没有明确指定您的顶部导航链接。

有关 CSS 特性的更多信息,请参阅下面的三个链接:

如果您需要准确的答案和代码修订,请提供所有相关代码。目前无法用您提供的少量信息来帮助您。

于 2013-05-22T22:26:30.763 回答