我把其中的div:hover li{display:inline;}中的div换成a怎么就不行了呢

我把其中的div:hover li{display:inline;}中的div换成a怎么就不行了呢

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>display属性</title>
    <style type="text/css">
    div {
        width: 200px;
    }
    /*补充样式*/
    li{display:none;}
    a{text-decoration:none;
    color:rgb(0,0,0);
    }
    div:hover li{display:inline;}
    </style>
</head>

<body>
    <div>
        <h2><a href="#">家电</a></h2>
        <ul>
            <li>冰箱</li>
            <li>空调</li>
            <li>洗衣机</li>
        </ul>
    </div>
</body>

</html>

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
提问者 慕粉1451226 2020-05-15 10:48:38

我那个是用的后代选择器是吧?

  • 同学你好,是的,div:hover li使用的后代选择器,祝学习愉快~
    2020-05-15 11:41:53
好帮手慕慕子 2020-05-15 10:34:22

同学你好,代码实现是正确的。

将div换成a之后,因为a:hover li表示选择a的后代元素li, 但是a和li不是后代关系,所以无法实现效果。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师