上一节作业题我写的代码对么，请指教

来源：4-8 课程总结

highcker

2017-07-12 22:09:21

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>display属性</title>
        <style type="text/css">
          /*样式补充*/
           body, div, h3, ul, li {
              padding: 0;
              margin: 0;
              font-size: 16px;
          }

          .big div {
            margin: 0 auto;
            width: 150px;
            background:#ececec;
            border: 1px solid #ddd;
            text-align:center;
          } 

          h3 {
            font-size:24px;
            line-height:1.5em;
          }

          .div1:hover .elec{
             display: block;
          }
          .div2:hover .wash{
             display: block;
          }
          .div3:hover .clothes{
             display: block;
          }

          ul {
            list-style: none;
            background: #fff;
            line-height: 2em;
            display: none;
          }
          
        </style>
    </head>
    <body>
    <div class="big">
        <div class="div1">
            <h3>家电</h3>
            <ul class="elec">
                <li>冰箱</li>
                <li>洗衣机</li>
                <li>空调</li>
            </ul>
        </div>
        <div class="div2">
            <h3>洗护</h3>
            <ul class="wash">
                <li>洗衣液</li>
                <li>消毒液</li>
                <li>柔顺剂</li>
            </ul>
        </div>
        <div  class="div3">
            <h3>衣物</h3>
             <ul class="clothes">
                <li>衬衫</li>
                <li>裤子</li>
                <li>卫衣</li>
            </ul>
        </div>
      </div>
</body>
</html>

写回答

3回答