Question

我希望我的父div改变背景颜色/图像，这取决于女孩子div被徘徊。我需要4个不同的孩子div来影响父母。

<div id="container">
    <div id="Div1" class="elmt">div1</div>
    <div id="Div2" class="elmt">div2</div>
    <div id="Div3" class="elmt">div3</div>
    <div id="Div4" class="elmt">div4</div>
</div>

小小提琴测试（不工作-_-'）http://jsfiddle.net/TyL6G/3/

Answer 1

这是一个specificity问题。 .newColor类背景颜色不会覆盖#container背景颜色，因为id比某个类更具体。

使用更具体的选择器应用背景：

#container.newColor {
    background-color:yellow;
}

UPDATED EXAMPLE

Answer 2

这是我的动态标签解决方案。如果您找到更好的方法，欢迎分享。：）

<强>的jQuery

$(function() {
$('#container>div[image]').hover( function(){
  $(this).parent().css("background-image",$(this).attr("image"));
   },
   function(){
      $(this).parent().css('background-image','url(link.jpg)');
   });
});

检查小提琴： http://jsfiddle.net/TyL6G/15/

在悬停时更改每个孩子的父级背景图像/颜色

2 个答案: