Nav-header部分之scssCSS预处理器

Nav-header部分之scssCSS预处理器

一基础用法：

1. 可嵌套，能更好的表示层级关系，其他写法与普通css类似
2. 若想加伪类，则需在子级&：hover，如下所示

            .header-menu{
                width: 643px;
                padding-left: 209px;
                .item-menu{
                    display: inline-block;
                    font-size: 16px;
                    font-weight: bold;
                    line-height: 112px;
                    margin-right: 20px;
                    span{
                        cursor: pointer;
                    }
                    &:hover{//给.item-menu加hover
                    }
                    &::before{//给.item-menu加before伪类
                    }
                }
            }

二.用法:
1》在这个项目中，我们把scss文件储存在了assets文件夹中的scss文件夹中，我们在正式写项目之前，会引入

reset.scss（把浏览器内置的样式覆盖掉）

和 config.scss（样式规范，配置信息）

2》写项目的过程中添加
①.base.scss（公共的配置）

②. mixin.scss 对冗余的代码，进行整合