老师 我鼠标移到上面 怎么没效果呢

老师 我鼠标移到上面 怎么没效果呢

<!DOCTYPE html>

<html>


<head>

    <meta charset="UTF-8">

    <title>display属性</title>

    <style type="text/css">

    div {

        width: 200px;

    }

    /*补充样式*/

    li{display:none;}

    h2:hover li{display:inline;}

    </style>

</head>


<body>

    <div>

        <h2>家电</h2>

        <ul>

            <li>冰箱</li>

            <li>空调</li>

            <li>洗衣机</li>

        </ul>

    </div>

</body>


</html>


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

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

1回答
好帮手慕夭夭 2019-08-07 11:24:43

你好同学,是因为选择器设置的不对,如下表示鼠标移入h2,让它子元素li设置样式。从结构上看,它们两个不是父子关系哦

http://img1.sycdn.imooc.com//climg/5d4a4441000120e603680444.jpg

如下修改:

给父元素div设置

http://img1.sycdn.imooc.com//climg/5d4a446f0001da0d03650069.jpg

祝学习愉快,望采纳。

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

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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