jquery - 当悬停另一个元素时，如何从一个元素中删除框阴影效果？

Question

结构:

 <div class="box">
      <div class="inner_box">
      </div>
 </div>

.inner_box 具有框阴影效果。当 .box 悬停时，我想从 .inner_box 中删除阴影效果。除了使用 JQuery，还有其他方法可以做到这一点，最好是 CSS3 吗？

请同时展示我如何在 JQuery 中执行此操作的示例。谢谢!

Answer 1

只要使用这个 css 就可以了 DEMO HERE

.box:hover .inner_box {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}