Twitter bootstrap 3 .box阴影值前面的平铺

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中的语法错误 在中,它用于对属于框阴影属性的多值的字符串处的逗号字符进行转义 因为逗号用于分隔较少混合的参数。

我看着bootsrap mixins.less,注意到盒子阴影值前面有一个瓷砖。它有什么用途?如果我的网站支持IE9及更高版本,我应该使用它吗

.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);
}
以下是上述方法的