Css 基础案例 （1） —— 使用伪类：hover实现二级菜单的收放

正常情况下二级菜单的显示和隐藏一般是使用js或js插件实现的。
使用css也同样可以实现二级菜单的显示和隐藏，无需使用js或js插件进行繁琐的DOM事件绑定。
（匆喷，也可能是我眼界不够开阔 - -!）

HTML代码

<div class="menu">
    <div class="menu-item">家用电器<i class="iconfont">&#xe65f;</i>
        <div class="submenu">
            <div class="submenu-item">
                <div class="submenu-title">复读机</div>
                <div class="submenu-content">
                    <a href="">手机</a>
                    <a href="">对讲机</a>
                    <a href="">以旧换新</a>
                    <a href="">手机维修</a>
                </div>
            </div>
            <div class="submenu-item">
                <div class="submenu-title">运营商</div>
                <div class="submenu-content">
                    <a href="">充话费</a>
                    <a href="">170选号</a>
                    <a href="">合约机</a>
                    <a href="">办套餐</a>
                    <a href="">选号码</a>
                    <a href="">固话宽带</a>
                    <a href="">京东通讯</a>
                    <a href="">中国移动</a>
                    <a href=