div hover background-color change？ [英] div hover background-color change?

问题描述

  .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>公司< / div> 
< div class =e> Target< / div> 
< div class =estyle =border-right：0px;> Person< / div> 
< / div> 
< div class =f> 
< div class =e>公司< / div> 
< div class =e> Target< / div> 
< div class =estyle =border-right：0px;> Person< / div> 
< / div> 
< div> 
< div class =e>公司< / div> 
< div class =e> Targetaaa< / div> 
< div class =estyle =border-right：0px;> Person< / div> 
< / div> 
< div class =f> 
< div class =e>公司< / div> 
< div class =e> Target< / div> 
< div class =estyle =border-right：0px;> Person< / div> 
< / div> 
  

解决方案

  .e ：hover {
 background-color：＃FF0000; 
} 
  

How can I make it act as if a line of div is anchor so when I hover on it it returns to red

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;
}

这篇关于div hover background-color change？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！