Web1020/18.scss/index.scss

$aa: #0f0;
// var aa = 
$box1: 3px !default;
// @import './reset.scss';
@import url('./reset.css');
* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
}
 
// 这是标题的标签
/*
    今天天气真好
*/
h1 {
    color: #f00;
    $box2: 10px !global;
}

ul {
    width: 700px;
    height: 700px;
    border: $box2 dashed $aa;
    li {
        color: purple;
        font: {
            size: 30px;
            weight: bold;
        }
        &:hover {
              color: #ff0;
        }
        &:nth-child(2):hover {
            color: #f00;
        }
    }
}