请问:sass中井号#和变量怎么连接
想要动态的输出几个选择器:
比如:
.font-666666{color:#666}
用了以下的混合,可是在color:后面两个井号连接在一起就会出错误。第一个#是颜色值的前缀,
请问:碰到这种情况,#怎么与后面的变量连接?
@mixin fontColorSel($color) {
.font-#{$color} {
color:##{$color};
}
}
@include fontColorSel("666666");
现在临时把#赋值给另一个变量解决的
@mixin fontColorSel($color,$jing:"#") {
.font-#{$color} {
color:#{$jing}#{$color};
}
}
@include fontColorSel("666666");
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
`
$defaultColorSingle: #{'#'};//定义变量
.bg-#{$i}{background-color: $defaultColorSingle#{$i};}`