4-3为什么不能实现效果?

4-3为什么不能实现效果?

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>display属性</title>

        <style type="text/css">

            ul {width:200px;}

            /*补充样式*/

            li{display:none;}

            a:link{text-decoration:none;color:black;}

            a:hover li{display:inline;}

            

            

        </style>

    </head>

    <body>

        <ul>

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

            <li>冰箱</li>

            <li>空调</li>

            <li>洗衣机</li>

        </ul>

    </body>

</html>


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

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

2回答
好帮手慕糖 2018-02-01 18:24:14

你好,li标签和h2标签是同级兄弟元素,不是后代关系,所以不能使用空格(后代)选择器。若要设置给h2的话,可以使用~兄弟选择器,例:

h2:hover~li{display:inline;}

祝学习愉快~

好帮手慕糖 2017-09-13 15:11:54

你好,这里的hover事件要设置给ul,例:    ul:hover li{display:inline;}

祝学习愉快~

        


  • 为什么一定要给ul设置呢?h2或者是给h2加一个a标签为什么都不行啊?
    2018-02-01 17:39:11
  • F2merak #2
    老师,那这个hover的事件是给ul规范还是给h2规范,它们是实现的效果都是一样的?
    2018-02-05 23:07:53
  • 你好,实现的效果是一样的哦,由于代码的灵活性,实现一种效果的方式会有很多种哦,都是可以使用的,可以动手测试下哦。 祝学习愉快~
    2018-02-06 09:36:30
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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