Twitter bootstrap 3 .box阴影值前面的平铺
我看着bootsrap mixins.less,注意到盒子阴影值前面有一个瓷砖。它有什么用途?如果我的网站支持IE9及更高版本,我应该使用它吗Twitter bootstrap 3 .box阴影值前面的平铺,twitter-bootstrap-3,less,Twitter Bootstrap 3,Less,我看着bootsrap mixins.less,注意到盒子阴影值前面有一个瓷砖。它有什么用途?如果我的网站支持IE9及更高版本,我应该使用它吗 .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}"); 这就是波浪形引号CSS 在LESS中,字符串前面的波浪号~“文本输出字符串 因为它可能是纯LESS中的语法错误 在中,它用于对属于框阴影属性的多值的字符串处的逗号字符进行转义 因为逗号用于分隔较少混合的参数。
.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}");
这就是波浪形引号CSS 在LESS中,字符串前面的波浪号
~
“文本输出字符串
因为它可能是纯LESS中的语法错误
在中,它用于对属于框阴影
属性的多值的字符串处的逗号字符进行转义
因为逗号用于分隔较少混合的参数。所以他们做到了:
.foo{
.box阴影(~“插入0 1px 1px rgba(0,0,0,075),0 0 8px@{color rgba}”);
}
或者,它们可以将值的列表传递到.box-shadow()
mixin中
从:
如果编译器在mixin调用或
声明时,它假定参数由分号和
所有逗号都属于css列表
…
使用伪分号创建mixin调用,其中一个参数包含
逗号分隔的css列表:.name(1,2,3;)
因此,他们可以在值的末尾使用分号,使编译器将其视为列表:
.bar {
.box-shadow(
inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @color-rgba;
// They could append a semicolon here ^
);
}
这与:
.bar {
@list: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @color-rgba;
.box-shadow(@list);
}
以下是上述方法的