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

This question already has answers here:

Is there a “previous sibling” selector?
                                
                                    （16个答案）
                                
                        
                                2年前关闭。
            
                    

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

将鼠标悬停在类productdescription上时，我想应用display：块在类secondimage上。我该怎么做？

最佳答案

我想您需要一些JavaScript和jQuery才能做到这一点。

在每个div中添加一个ID后，您要进行交互：

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

我不知道这是否是您要寻找的东西，但是可以。

关于css - 如何在子标签的子标签上应用样式？ ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51788542/