Question

我的代码无效。我发现这是因为必须改变的div是在另一个div ...如何绕过包含其他人的div？在这个例子中，当悬停“partage”div时，我想要“partagefb”div的背景颜色变化

演示：http://jsfiddle.net/u7tYE/1994/

由于

HTML：

<div class="partage" id="partage_70"><img src="/themes/glace_et_ombre/images/partage.png" border="0" width="22" height="21"></div>

    <div class="enveloppe_partage">
        <div class="partagefb"></div>
    </div>

的CSS：

.partage{
    position:relative;
    float:left;
    margin: 2px;
    cursor:pointer;
    z-index: 100;
    width:20px;
    height:20px;
}
.partagefb{
    position:relative;
    width: 25px;
    height: 25px;
    margin:100px;
    background: #ccc;
}

.partage:hover ~ .partagefb{
    background-color:#000000;
}
.enveloppe_partage{
    position: absolute;
    margin: -28px 0 0 115px;
}

Answer 1

问题在于您的选择器使用

.partage:hover + .enveloppe_partage .partagefb{
background-color:#000000;
}

Answer 2

以下是fiddle

将ID添加到div

将 HTML 设为

  <div class="partage" id="partage_70">
     <img src="/themes/glace_et_ombre/images/partage.png" border="0" width="22" height="21">
  </div>
  <div class="enveloppe_partage" id="ank">
     <div class="partagefb"></div>
  </div>

CSS 可能是

 #partage_70:hover + .enveloppe_partage #ank {
    background-color:#000000;
 }

当悬停另一个div时进行div css更改

2 个答案: