css - 如何在子标签的子标签上应用样式？

Question

<div class="product">
 <div class="image">
   <div class="mainimage"></div>
   <div class="secondimage"></div>
 </div>
 <div class="productdescription"></div>
</div>

在将鼠标悬停在类上时，productdescription我想应用display: block on class secondimage。我该怎么做？

标签： csssass

Answer 1

我想你需要一些 JavaScript 和 jQuery 来做到这一点。

在要交互的每个 div 中放置一个 id 后：

$('#productDescription').hover(function(){
    $('#secondImage').css("display","block");
});

我不知道它是否是你要找的，但它有效。