CSS下拉列表错误纠正

上一篇关于CSS制作下来列表的错误纠正。

在上一篇中,用CSS只做了下拉列表,但是鼠标不放在导航栏上的时候,下拉列表也是出来的。具体错误就是

 div ul{
        list-style:none;
        max-height:o;
        background-color:#606;
        overflow: hidden;
        transition: max-height:0.5s;
}

  一是:max-height:o

误将0(数字零)写成了o(英文字母),

    二是:

transition: max-height:0.5s;
0.5s后则不应该继续用(;)作为断句。


以后写代码应该小心细致,不然等到一次性写茫茫多代码的时候,可能因为0和o的错误,导致效果显示不出来,拉慢进度,是十分不应该的。
另外,要学会用网页的调试工具,这样将在检查代码哪里错误的时候,省下很多很多的时间。



原文地址:https://www.cnblogs.com/HYL1003597280/p/6241211.html