//按钮

$color:blue;

$error:pink;

 

 

@import "./common.scss";//导入语法

 

body{

    button{

        color: $error;

        @include border-radius;  

        @include border(2px,solid,red)

    }

    a{

        @include border-radius;

    }

    ul{

        @include h-ul;

        @include border($w:2px,$s:solid,$c:red)

    }

 

    //继承

    div{

        border: 1px solid red;

        background-color: red;

    }

    span{

        @extend div;

        font-size: 20px;

        background-color: transparent;

    }

}

 

3.HTML

 按钮

    <a href="#">超链接

    a:hover  a:hover

   

       

• 列表1

       

• 列表2

       

• 列表3

   

结果是

 

 

 

**嵌套属性;

nav {

  border: {

  style: solid;

  width: 1px;

  color: #ccc;

  }

}

 

整合成：

nav {

  border-style: solid;

  border-width: 1px;

  border-color: #ccc;