老师帮我看下 是否正确

老师帮我看下 是否正确

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>display属性</title>

        <style type="text/css">

          body div ul{margin:0px; padding:0px;font-family:"微软雅黑";}

          

          .big{width:150px;background-color:#f2f2f2;text-align:center;

              margin:0px auto;border:1px #ececec solid;

              

          }

          

          li{display:none;}

          

          a:hover li{display:inline-block;}

        

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

          

          ul{border-bottom:1px #d9dde1 solid;background:#fff;

              line-height:2em;

          }

          

          li{padding:20px;border-bottom:1px black solid;}

        

          

          /*老师,我这里忘记怎么写连着写class这个选择器了 要用什么符号连起来,我忘了*/

          

        </style>

    </head>

    <body>

    <div class="big">

        <div class="div1"><a href="#">

            <h3>家电</h3>

            <ul class="elec">

                <li>冰箱</li>

                <li>洗衣机</li>

                <li>空调</li>

            </ul></a>

        </div>

        <div class="div2"><a href="#">

            <h3>洗护</h3>

            <ul class="wash">

                <li>洗衣液</li>

                <li>消毒液</li>

                <li>柔顺剂</li>

            </ul></a>

        </div>

        <div  class="div3"><a href="#">

            <h3>衣物</h3>

             <ul class="clothes">

                <li>衬衫</li>

                <li>裤子</li>

                <li>卫衣</li>

            </ul></a>

        </div>

      </div>

</body>

</html>


正在回答

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

2回答

同学你好,简单给同学总结一下:

1、群组选择器,要用逗号隔开,例如:

610cc32e094242af06620298.jpg (662×298)

表示给p、span都设置color样式。

2、后代选择器,之间要用空格隔开,例如:

http://img1.sycdn.imooc.com//climg/610cd6d50998f16406750463.jpg

表示给“.father的子元素.son”设置字体是红色。

3、不论是标签选择器、类选择器还是id选择器,“群组选择器、后代选择器”的写法是有一样的,例如:

http://img1.sycdn.imooc.com//climg/610cd764092aac4a06100644.jpg

选择器之间可以混用,例如:

http://img1.sycdn.imooc.com//climg/610cd80e095d007b05430354.jpg

建议同学把之前的课程回顾一下,然后记好笔记。否则越往后学,内容越多,不记笔记,会遗忘很多,后面就跟不上了(笔记很重要,笔记很重要,笔记很重要)。

祝学习愉快!

好帮手慕久久 2021-08-06 13:06:04

同学你好,代码需要做如下调整:

鼠标移入时,建议将li转成block:

http://img1.sycdn.imooc.com//climg/610cc29a092f378b06300182.jpg

这样每个li会独占一行,不会出现两个li在一行显示的情况:

http://img1.sycdn.imooc.com//climg/610cc2ba0961a85e06520277.jpg

另外,“老师,我这里忘记怎么写连着写class这个选择器了 要用什么符号连起来,我忘了”是想问,怎么同时为多个选择器设置样式吗?如果是的话,可以用逗号分隔多个选择器:

http://img1.sycdn.imooc.com//climg/610cc32e094242af06620298.jpg

如果不是,可以详细说明一下,老师再为你解答。

祝学习愉快!

  • 提问者 豆包侠 #1

    对就是多个选择器 class这种选择器 也是用逗号隔开吗 我忘了 不太记得了 还有id的

    2021-08-06 14:01:07
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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