scss-声明变量与引用
一、变量的声明
使用$符号可以标识一个变量
$bg-color: #FFFFFF;
二.变量的引用:
变量的引用有一个原则,那就是标准css属性值存在的地方,变量就可以存在。
当编译成css文件的时候,变量会被变量值所替代。当要修改css的一个属性值时,只要修改对应的变量值即可,没有必要处处修改,这也是scss的优点之一。
.page { color: $bg-color; }
在声明变量的时候,还可以再引用其他变量,代码如下:
$white-color: #FFFFFF; $my-border: 1px solid $white-color; .my-table{ border: $my-border: }
编译成css代码如下:
.my-table{ border: 1px solid #FFFFFF; }
一步一个脚印,认真学下去,相信我们都会成为心目中的技术大牛!!!加油!!!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步