请教一下老师,这样把h和li标签写在a标签中对吗?

请教一下老师,这样把h和li标签写在a标签中对吗?

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>display属性</title>

        <style type="text/css">

            ul {width:200px;height:300px; background:pink;}

            /*补充样式*/

            a{text-decoration:none;}

            li{display:none;}

            a:hover .x{display:inline-block;} 


        </style>

    </head>

    <body>

        <ul>

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

          <li class="x">冰箱</li>&nbsp;&nbsp;<li class="x">空调</li>&nbsp;&nbsp;<li class="x">洗衣机</li>

            

            </a>

        </ul>

    </body>

</html>


正在回答

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

2回答

标签都是灵活的,这样嵌套也没有绝对的什么可以不可以,主要还是看需求,另外,这里你没有必要写a标签,也没必要加空格符,因为li本身就是要换行的,加空格没有用的,直接这样就可以:

        <ul>

            <h2>家电</h2>

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

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

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

        </ul>


  • 悄然王者 提问者 #1
    非常感谢!
    2017-06-25 11:36:00
  • 弱弱的问一句,为啥一定要加一个div.不能直接写成h2:hover li{display:inline}
    2017-07-06 14:27:08
  • 亲,注意仔细检查一下代码,你的的“家电”的标签不正确。没有h标签,只有h1/h2/h3/h4/h5/h6这几个标题标签哦,观察你的代码,h标签在div内(即子元素),而h标签和li标签是同级元素,需要先触发同父级元素才能子元素。这个跟继承有一定的练习,建议重新听一下这节课哦,希望可以帮到你!
    2017-07-06 16:22:58
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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