div hover background-color change?

问题:

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>   

回答1:

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

回答2:

if you want the color to change when you have simply add the :hover pseudo

div.e:hover {     background-color:red; } 

文章来源: div hover background-color change?