css – div hover background-color change?

前端之家收集整理的这篇文章主要介绍了css – div hover background-color change?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我如何使它的行像div的一行是锚,所以当我悬停在它返回到红色

CSS

  1. .e
  2. {
  3. width:90px;
  4. border-right:1px solid #222;
  5. text-align:center;
  6. float:left;
  7. padding-left:2px;
  8. cursor:pointer;
  9.  
  10.  
  11. }
  12. .f .e
  13. {
  14. background-color:#F9EDBE;
  15.  
  16. }

HTML

  1. <div>
  2. <div class="e" >Company</div>
  3. <div class="e">Target</div>
  4. <div class="e" style="border-right:0px;">Person</div>
  5. </div>
  6. <div class="f">
  7. <div class="e">Company</div>
  8. <div class="e">Target</div>
  9. <div class="e" style="border-right:0px;">Person</div>
  10. </div>
  11. <div>
  12. <div class="e">Company</div>
  13. <div class="e">Targetaaa</div>
  14. <div class="e" style="border-right:0px;">Person</div>
  15. </div>
  16. <div class="f">
  17. <div class="e">Company</div>
  18. <div class="e">Target</div>
  19. <div class="e" style="border-right:0px;">Person</div>
  20. </div>

解决方法

  1. .e:hover{
  2. background-color:#FF0000;
  3. }

猜你在找的CSS相关文章