请问,鼠标点击,为什么我的字出不来,是不是哪里错了...

请问,鼠标点击,为什么我的字出不来,是不是哪里错了...

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>display</title>

        <style type="text/css">

        .one{display:none;}

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

        

      

        </style>



</head>

<body>

<div>

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

<ul>

<li class="one">冰箱</li>

<li class="one">空调</li>

<li class="one">洗衣机</li>

</ul>





</div>


       







 

</body>

</html>


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

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

2回答
好帮手慕慕子 2019-11-29 18:35:26

同学你好, 对于你的问题解答如下:

  1. 你粘贴的代码,只设置列表项隐藏,并没有设置鼠标点击样式,所以页面中不会出现文字

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

  2. 练习要求如下:

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

    需要设置hover事件,让列表项显示出来, 鼠标移入父元素,让它的后代元素显示。

    可以参考上一条回答中的代码示例修改。

如果还有疑惑,可以详细描述一下具体是哪里不明白,便于老师帮助同学准确的定位与解决问题

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

好帮手慕慕子 2019-11-29 15:32:43

同学你好, 因为你没有给鼠标设置点击样式,所以无法出现。练习要求鼠标移入"家电"的时候,显示对应列表。

建议:可以给最外层div添加hover样式,找到它下面的li元素, 修改li的display为inline-block;让其在一排显示出来。

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

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

  • 提问者 H2OPP #1
    老师,你说的我有点蒙,不是很懂。
    2019-11-29 16:25:44
  • 只恨未尽心 回复 提问者 H2OPP #2
    第一这是利用display属性进行显示与隐藏(隐藏使用display:none),这属性PPT有说 第二显示为 display:inline block inline-block三种不同的方式 第三题目的意思是,鼠标经过“家电”才显示下方的li,一开始都是隐藏的懂了吗
    2019-11-30 10:23:24
  • 只恨未尽心 回复 提问者 H2OPP #3
    而且我也是用的A标签 做鼠标经过,但是还是显示不了,只有用div:hover成功了
    2019-11-30 10:26:38
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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