Sass-属性嵌套

Sass 中还提供属性嵌套，CSS 有一些属性前缀相同，只是后缀不一样，比如：border-top/border-right，与这个类似的还有 margin、padding、font 等属性。假设你的样式中用到了：

.box {
   border-top: 1px solid red;
   border-bottom: 1px solid green;
}

在Sass中我们可以这样写：

.box {
   border: {
       top: 1px solid red;
       bottom: 1px solid green
   }
}

 

转载于:https://www.cnblogs.com/qjuly/p/9066946.html