为什么鼠标放在家电上,没有显示出li的文字?

为什么鼠标放在家电上,没有显示出li的文字?

正在回答

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

3回答

你好,这里可以写ul:hover li{display:block;} 即可。祝学习愉快!

提问者 慕尼黑8939947 2017-07-23 11:50:45

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>display属性</title>

        <style type="text/css">

            ul {width:200px;}

            

            li{display:none}

            a:hover li{display:block;}

        </style>

    </head>

    <body>

        <ul>

            <h2><a href="#">家电</a></h2>

            <li>冰箱</li><li>空调</li><li>洗衣机</li>

        </ul>

    </body>

</html>



好帮手慕糖 2017-07-23 11:49:04

你好,建议把代码粘贴过来哟,直接粘贴代码,方便大家测试与解决问题。祝学习愉快!

  • 提问者 慕尼黑8939947 #1
    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>display属性</title> <style type="text/css"> ul {width:200px;} li{display:none} a:hover li{display:block;} </style> </head> <body> <ul> <h2><a href="#">家电</a></h2> <li>冰箱</li><li>空调</li><li>洗衣机</li> </ul> </body> </html>
    2017-07-23 11:51:06
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

帮助反馈 APP下载

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

公众号

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

在线咨询

领取优惠

免费试听

领取大纲

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