0

我正在使用内容 div 和页脚 div。每个 div 都有不同的锚样式。出于某种原因，我的内容锚点采用了页脚锚点的样式，而我终其一生都无法弄清楚为什么！

这是HTML：

<div class="content">
  <h1>WELCOME</h1>
  <p>Content content content. Click <a href="index.html">here</a> for more information.</p>
</div>

<div class="footer">
  <p><a href="index.html">Home</a> &mdash; <a href="">Printable Forms</a> &mdash; <a href="">Ad Rates</a> &mdash; <a href="">Contact Us</a></p>
</div>

这是CSS：

body
{

  background-color: #c8d3fc;
  color: black;
  font-family: Times New Roman;
  font-size: 12pt;

}


.content
{

  display: block;
  float: left;
  margin-left: 261px;
  width: 827px;
  background: url('../images/contentBG.jpg') repeat-y;

}


.content a:link, a:visited, a:active
{

  color: black;
  text-decoration: none;
  font-weight: bold;

}


.content a:hover
{

  text-decoration: none;
  color: #ff9e00;
  font-weight: bold;

}


.footer
{

  display: block;
  float: left;
  margin-left: 261px;
  width: 827px;
  height: 78px;
  background: url('../images/footerBG.jpg');
  color: white;

}


.footer a:link, a:visited, a:active
{

  text-decoration: none;
  color: white;

}


.footer a:hover
{

  text-decoration: none;
  color: #ff9e00;

}

因此，即使我的正文默认颜色为黑色，并且我的内容 div 的 a:link 等样式专门设置为黑色，内容 div 中的链接仍显示为白色。如果我将页脚 div 的 a:link 等样式更改为黑色，它会将页脚和内容链接都更改为黑色，但我需要页脚为白色。我试过把“颜色：黑色；” 直接在内容 div 中，但这没有帮助。a:hover 样式和其他一切都可以完美运行。真正让我丧命的是代码在 IE 中运行良好，但在 FF 中运行良好。我写了非常简单的代码，感觉可能有一个非常简单的解决方案，但我就是想不通，所以任何帮助都会非常感激！

4

2 回答 2

4

你的选择器有问题。

.content a:link, a:visited, a:active {}

应该：

.content a:link, .content a:visited, .content a:active {}

页脚链接也是如此：

.footer a:link, .footer a:visited, .footer a:active {}
于 2013-04-20T23:57:51.997 回答
0

.content a:link, a:visited, a:active

将适用于所有a:visited且a:active仅适用于.content a:link. 如果您使用逗号，则必须再次引用它们..

所以改变

.content a:link, a:visited, a:active

至

.content a：链接，.content a：已访问，.content a：活动

和

.footer a:link, a:visited, a:active

至

.footer a：链接，.footer a：已访问，.footer a：活动

于 2013-04-20T23:59:44.660 回答