div hover изменение цвета фона? - PullRequest
66 голосов
/ 13 февраля 2012

Как я могу заставить его действовать так, как если бы строка 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>  

Ответы [ 3 ]

119 голосов
/ 13 февраля 2012
.e:hover{
   background-color:#FF0000;
}
33 голосов
/ 13 февраля 2012

, если вы хотите, чтобы цвет изменился, когда вы просто добавляете :hover псевдо

div.e:hover {
    background-color:red;
}
0 голосов
/ 05 июля 2019

изменение цвета фона при наведении курсора

Попробуйте так:

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