悬停DIV，给封闭的DIV一个阴影

Question

以下是设置：http://jsfiddle.net/AndyMP/rVrjY/

当我将较大的DIV悬停时，我想要实现的是较小的DIV上的阴影。这可能吗？它可以用CSS完成，还是一个jquery解决方案，如果有的话？

Answer 1

当然，只需添加如下规则：

.one:hover .two {
  box-shadow: 3px 3px #f00;   
}

请注意，旧版浏览器可能不支持box-shadow，并且悬停事件在不支持它的设备中不起作用....但希望这是一个让你到达目的地的起点需要去。

Answer 2

我不确定你想要的是什么样的阴影，但这个想法很简单：使用这个选择器并将你的效果放在其中，以便在更大的div悬停时使其工作：

    .one:hover .two {
        /* put your css here */
        box-shadow: 2px 2px 5px #888;
    }

示例：http://jsfiddle.net/rVrjY/1/

Answer 3

当然，只需使用：

​.one:hover .two {
    box-shadow: 2px 2px 5px #f90;
}​

JS Fiddle demo