Question

我的页脚中的链接不会将其颜色更改为白色。我已经尝试将文本修饰设置为none并使用内联块。我已经尝试了我认为可行的一切，我所知道的一切都不会起作用，从不同的白色阴影到隐藏的溢出。非常感谢帮助解释。代码如下。谢谢。

CSS

   /*Footer*/

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

BODY

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

链接字体不会更改

3 个答案: