div hover Hintergrundfarbe ändern?

70

Wie kann ich dafür sorgen, dass es so wirkt, als ob eine Linie von div verankert ist? Wenn ich darüber schwebe, wird sie wieder rot

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>

css html hover

— Codette
quelle

Wollen Sie, dass alle Sub-Div von f eine Hintergrundfarbe haben, wenn Sie den

— Mauszeiger über

130

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

— mgraph
quelle

35

Wenn Sie möchten, dass sich die Farbe ändert, wenn Sie einfach das :hoverPseudo hinzugefügt haben

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

— Ibu
quelle

Es gibt drei Div in einer Reihe. Was ich will, ist in der Lage zu sein, alle Zeilen zu ändern. Nicht ein "e" div.

— Codette

@tfeseas in diesem Fall können Sie die Eigenschaft auf die übergeordnete div setzen

— Ibu

0

div hover Hintergrund Farbänderung

Versuchen Sie es so:

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

— Liebe Kumar
quelle