Question

我不明白为什么，但突然有些css破了，我需要再次改变它们。

所以现在我的问题是我无法改变链接的颜色，我可以改变链接：悬停，但链接的颜色 - 不是。

有人可以建议可能导致此问题的原因并帮助我吗？

我的屏幕看起来很灰。

这是我的css代码：

    footer { 
     height:20px;
    background: #628d28;
    margin-top: 45px;    
    padding-top: 5px;
    border-top: 1px solid #eaeaea;
    a {
    color: white;
    background: #628d28;
    &:hover { 
    background: #628d28;
     }
  }  
  small { 
   float: left; 
   }
   ul {
   float: right;
  list-style: none;
   li {
  float: left;
  margin-left: 10px;
    }
   }
  }

我认为的代码：

 <footer class="footer">
   <nav>
     <ul>
      <li><%= link_to "Privacy policy", privacy_policy_path %></li>
      <li><%= link_to "Terms of use", terms_of_use_path %>
     </ul>
   </nav>
 </footer>

Answer 1

可能会帮助您：jsfiddle。

一切正常。链接颜色更改。也许你在代码的其他部分遇到了问题。

Answer 2

你的CSS应该是这样的：

    #footer {       
    height:20px;     
    background-color: #628d28;     
    margin-top: 45px;         
    padding-top: 5px;     
    border-top: 1px solid #eaeaea;     
}

#footer ul {
float: right;   
list-style: none;
}

#footer li {
float: left;   
margin-left: 10px;
}

#footer ul a{
color: white;     
background: #628d28;
}

#footer ul a:hover {     
background: #628d28; 
}

你的HTML：

> <div id="footer"> <nav> <ul> <li><a href="#">Testa</a></li> <li><a
> href="#">Test</a></li> </ul> </nav> </div>

页脚中的链接颜色无法改变

2 个答案: