链接字体不会更改

Question

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

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

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

Answer 1

.foot a{
color:#fff;
}

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

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

Answer 2

您需要将

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

Answer 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>