链接字体不会改变答案

【问题标题】：Link Font Will Not Change链接字体不会改变
【发布时间】：2017-10-17 12:43:59
【问题描述】：

我页脚中的链接不会将其颜色更改为白色。我尝试将文本装饰设置为无并使用内联块。我已经尝试了所有我认为可行的方法，以及我知道的所有方法都行不通的方法，从不同深浅的白色到隐藏的溢出。帮助解释将不胜感激。代码如下。谢谢。

CSS

   /*Footer*/

  .foot {
      background-color: #262626;
      width: 100%;
      padding: 40px 0px;
  }

身体

 <footer class="foot">

 <p style="color:white; text-align:center; text-decoration: none; ">
 <a href="">Home</a> &emsp; 
 <a href="">Contact</a> &emsp; 
 <a href="">About</a> &emsp; 
 <a href="">FAQ</a> </p>

  </footer>

如果需要，我可以根据要求提供文档中的更多代码。

【问题讨论】：

为什么文字会变白？你有一个空的<p> 标签作为唯一的白色样式。

标签： javascript html css web styles

【解决方案1】：

您需要将颜色设置为标签a 而不是p，因为您在p 上设置的任何内容都将被a 属性覆盖

【讨论】：

【解决方案2】：

.foot a{
color:#fff;
}

链接必须在a标签中定义才能改变颜色。

或者单独更改它们：常见问题

【讨论】：

【解决方案3】：

尝试在您的 CSS 中将 a 标记颜色设置为白色。轰隆隆。

另外作为建议，我将摆脱 p 标记和那些内联 html 样式，而是将 text-align: center; 放在 css 中。此外，我会摆脱那些 html 空间，只需将 margin-right 添加到除最后一个之外的所有 a 标签。最好将样式与 HTML 分开。下面的例子：

.foot {
  text-align: center;
  background-color: #262626;
  width: 100%;
  padding: 40px 0px;
}

.foot a {
  color: #fff;
}

.foot a:not(:last-of-type) {
  margin-right: 15px;
}

<footer class="foot">

    <a href="">Home</a> 
    <a href="">Contact</a> 
    <a href="">About</a> 
    <a href="">FAQ</a>

</footer>

【讨论】：

哈哈，非常感谢！我完全空白了.foot了！我觉得好傻感谢您的快速回复。