制作下拉菜单（二级菜单）

我们想实现下面这个二级菜单的效果，将鼠标放在一个视频教程的标签上，就会显示下面的二级菜单，不放的话就不显示，而且当鼠标放在二级菜单上二级菜单的字体会变色，如下图所示： 

 如果有二级菜单的，可以当成子标签写在父标签下面，嵌套用

代码演示：

 结果：

 重要的一个知识点：

看代码被红色框框起来的部分，如果说我们第一个li标签不加class选择器，那我们上面的代码在选择第一个li标签时，直接写li{}就会把下面的所有li标签选中，包括子标签（嵌套标签）里面的li标签，这样我们只想选择父li标签就不行了，有一个小妙招就是：比如你想选择父ul标签里面的li标签，而不选择子ul标签里的li标签，可以这样写：.box>li{} ".box"选中的是父ul标签，加一个“>”在li前面，表示的是li是ul的亲儿子，就在它旁边的li，这样就选不中子ul的li标签啦