W250913/17.scss/index.scss

// @import url(reset.css);
@import "./reset.scss";
// 变量
/* 你好 */
$a: #f00;
$b: 50;
$c: #ff0 !default;

h1 {
    color: $a !important;
    font-size: $b + px;
    // color: $vase;
}

// ul {
//     width: 400px;
//     height: 400px;
//     background: #ff0;
//     list-style: none;
// }
// ul li {
//     $d:#00f !global;
//     padding: 10px;
// }
// ul li a{
//     text-decoration: none;
//     color: #00f;
//     font-size: 30px;
// }
// ul li a:hover {
//     color: $a;
// }

ul {
    width: 400px;
    height: 400px;
    background: #ff0;
    list-style: none;
    li {
        $d: #00f !global;
        padding: 10px;
        a {
            text-decoration: none;
            color: #00f;
            // font-size: 30px;
            // font-weight: bold;
            font: {
                size: 40px;
                weight:bold
            }
            &:hover {
                color: $a;
            }
        }
    }
}

p {
    color: $d;
}