请问我如何才能通过ul1的hover事件控制ul2的元素呢

<div>
<ul class="ul1"></ul>
</div>

<div>
<div>
<ul class="ul2"></ul>
</div>
</div>

请问我如何才能通过ul1的hover事件控制ul2的元素呢?我试了网上的:has()选择器,但是不起效果,有没有其它方法?

该回答引用GPT:
可以使用jQuery的hover事件,在ul1的hover事件中添加对ul2的操作,例如:

$('.ul1').hover(function(){
    $('.ul2').css('display','block');
},function(){
    $('.ul2').css('display','none');
});

如还有疑问,可留言帮助解决。


div:has(.ul1:hover) +div .ul2{
            background-color: aqua;
        }