首页
学习
活动
专区
工具
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
    领券