css – div hover background-color change?

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

CSS

.e
{
    width:90px;
    border-right:1px solid #222;
    text-align:center;
    float:left;
    padding-left:2px;
    cursor:pointer;


}
.f .e
{
    background-color:#F9EDBE;

}

HTML

<div>
    <div class="e" >Company</div>
    <div class="e">Target</div>
    <div class="e" style="border-right:0px;">Person</div>
</div>         
<div class="f">
    <div class="e">Company</div>
    <div class="e">Target</div>
    <div class="e" style="border-right:0px;">Person</div>
</div>   
<div>
    <div class="e">Company</div>
    <div class="e">Targetaaa</div>
    <div class="e" style="border-right:0px;">Person</div>
</div>            
<div class="f"> 
    <div class="e">Company</div>
    <div class="e">Target</div>
    <div class="e" style="border-right:0px;">Person</div>
</div>

解决方法

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

猜你在找的CSS相关文章