css练习-小米官网首页静态页面制作_小米官网天星数科页面制做

部分代码如下：

快捷导航区域代码

<!-- 头部 -->
        <header>
 
            <!-- 快捷导航 -->
            <div class="shortcut">
                <div class="wrapper">
                    <!-- 快捷导航左部 -->
                    <div class="left com">
                        <ul>
                            <li><a href="#">小米商城</a></li>
                            <li><a href="#">MIUI</a></li>
                            <li><a href="#">loT</a></li>
                            <li><a href="#">云服务</a></li>
                            <li><a href="#">天星科技</a></li>
                            <li><a href="#">有品</a></li>
                            <li><a href="#">小爱开放平台</a></li>
                            <li><a href="#">企业团购</a></li>
                            <li><a href="#">资质证照</a></li>
                            <li><a href="#">协议规则</a></li>
                            <li><a href="#">下载app</a></li>
                            <li><a href="#">Select Location</a></li>
                        </ul>
                    </div>
 
                    <!-- 快捷导航右部 -->
                    <div class="right com">
                        <ul>
                            <li><a href="#">登录</a></li>
                            <li><a href="#">注册</a></li>
                            <li><a href="#">消息通知</a></li>
                            <li>
                                <a href="#">
                                    <span class="iconfont icon-cart"></span>
                                    <span>购物车</span>
                                    <i>0</i>
 
                                    <p class="hov">您的购物车还没有加购</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 快捷导航 -->

// 头部
// 快捷导航
.shortcut{
    font-size: 12px;
    background: #333;
    .wrapper{
        display: flex;
        justify-content: space-between;
        // 公共样式
        .com{
            ul{
                display: flex;
                li{
                    // 最后一个li不