为了账号安全,请及时绑定邮箱和手机立即绑定

sass中#{}是什么意思

sass中#{}是什么意思

温温酱 2018-08-20 11:21:27
好像读取变量的符号,但又不知具体跟直接用$读取变量有什么区别
查看完整描述

2 回答

?
慕尼黑的夜晚无繁华

TA贡献1864条经验 获得超6个赞

用于拼接变量

查看完整回答
反对 回复 2018-08-25
?
幕布斯7119047

TA贡献1794条经验 获得超8个赞

特殊变量

一般我们定义的变量都为属性值,可直接使用,但是如果变量作为属性或在某些特殊情况下等则必须要以#{$variables}形式使用。

//sass style

//-------------------------------

$borderDirection:       top !default; 

$baseFontSize:          12px !default;

$baseLineHeight:        1.5 !default;


//应用于class和属性

.border-#{$borderDirection}{

  border-#{$borderDirection}:1px solid #ccc;

}

//应用于复杂的属性值

body{

    font:#{$baseFontSize}/#{$baseLineHeight};

}


//css style

//-------------------------------

.border-top{

  border-top:1px solid #ccc;

}

body {

  font: 12px/1.5;

}

sass参考手册 Interpolation: #{}


查看完整回答
反对 回复 2018-08-25
  • 2 回答
  • 0 关注
  • 4078 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信