首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

Sass 快速入门学习

$color: #F90; .box2 { border: 1px solid $color; } //编译后 .box2 { border: 1px solid #F90; }   看上边示例中的...$color变量,它被直接赋值给border属性,当这段代码被编译输出css时,$color会被#F90这一颜色值所替代。...产生的效果就是给box2这个类一条1像素宽、实心且颜色值为#F90的边框。   在声明变量时,变量值也可以引用其他变量。当你通过粒度区分,为不同的值取不同名字时,这相当有用。...下例在独立的颜色值粒度上定义了一个变量,且在另一个更复杂的边框值粒度上也定义了一个变量: $color: #F90; $border: 1px solid $color; .box2 { border...: $border; } //编译后 .box2 { border: 1px solid #F90; }   这里,$border变量的声明中使用了$color这个变量。

1.1K10
领券