前端入门篇（四十六）JS应用1二级下拉菜单问题记录

讨论2：将底部的边框设置为none，并加高菜单的高度（从42px加为43px），遮住li边框的下边缘（毛刺）

也将悬浮时的下边框去掉，以符合下拉菜单最终的效果

.nav-list {

background-color: #808080;

height: 43px;

}

.nav-list > li > a {

color: #fff;

display: block;

height: 42px;

line-height: 42px;

font-size: 18px;

padding: 0 12px;

border:1px solid #808080;

border-bottom: none;

}

.nav-list > li > a:hover {

color: #bc0303;

background-color: #fff;

border: 1px solid #c9c9c9;

border-bottom: none;

}

二级菜单问题记录

---

1.快速生成li列表，且带有a标签和内容

ul>li*3>a>{关于蝉壳$}

回车即可

2.二级下拉菜单部分

html文件：

• 关于蝉壳
• 关于蝉壳1