0

我不明白为什么，但突然一些 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>
4

2 回答 2

2

可能对你有帮助：jsfiddle。

一切正常。链接颜色变化。也许您在代码的其他部分有问题。

于 2012-06-19T08:53:43.677 回答
1

你的 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>
于 2012-06-19T08:54:35.813 回答