标签:value bsp 现在 htm alt rom for 实现 语法
1.什么是scss的插值?
在Sass中,我们可以通过使用插值的方式来实现在“选择器名”、“属性名”以及“属性值”中插入一个“变量的值”,从而来“构造”一个新的选择器名、新的属性名以及新的属性值。
2.语法:
#{变量}
例如:插值用于"选择器名"
@for $i from 1 through 3
{ .item-#{$i} { width:10px * $i; } }.item-1
{ width: 10px; } .item-2 { width: 20px; } .item-3 { width: 30px; }$border:border;
div { #{$border}-width:1px; #{$border}-style:solid; #{$border}-color:red; }div
{ border-width: 1px; border-style: solid; border-color: red; }@for $i from 1 through 3
{ .item-#{$i} { border:#{$i}px solid red; } } .item-1
{ border: 1px solid red; } .item-2 { border: 2px solid red; } .item-3 { border: 3px solid red; }标签:value bsp 现在 htm alt rom for 实现 语法
原文地址:https://www.cnblogs.com/hou-yuan-zhen/p/11619224.html