0

理由はわかりませんが、突然いくつかのcssが壊れて、もう一度変更する必要がありました。

だから今私の問題は、リンクの色を変更できないことです。link：hoverを変更できますが、リンクの色は変更できません。

誰かがこの問題を引き起こした可能性があるものを提案し、私を助けることができますか？

画面が灰色に見えます。

これが私の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 に答える