Question

我正在使用内容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：悬停式造型和其他一切都很完美。真正让我失望的是代码在IE中运行良好，但不是FF。我编写非常简单的代码，感觉可能是一个非常简单的解决方案，但我无法理解，所以任何帮助都会非常感激！

Answer 1

您的选择器出现问题。

.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 {}

Answer 2

.content a：link，a：visited，a：active

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

所以改变

.content a：link，a：visited，a：active

到

.content a：link，.content a：visited，.content a：active

和

.footer a：link，a：visited，a：active

到

.footer a：link，.footer a：visited，.footer a：active

为什么一个div中的a：link会影响另一个div中的a：link？

2 个答案: