div 悬停背景颜色变化？答案

【问题标题】：div hover background-color change?div 悬停背景颜色变化？
【发布时间】：2012-03-05 05:13:40
【问题描述】：

如何让它表现得好像一行 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>

【问题讨论】：

你想让f的所有子div在悬停e div时都具有背景色是你想要的

标签： css html hover

【解决方案1】：

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

【讨论】：

【解决方案2】：

如果您希望在添加 :hover 伪时更改颜色

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

【讨论】：

连续三个e div。我想要的是能够改变所有的行。不是一个“e” div。
@tfeseas 在这种情况下，您可以将属性放在父 div 上

【解决方案3】：

div 悬停背景颜色变化

试试这样：

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

【讨论】：

【解决方案4】：

<html>
<head>
<style>

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

e2:hover {
    background-color:red;
}

</style>
</head>
<body>

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

</body>
</html>

【讨论】：