css – 使用可选参数减少混音

前端之家收集整理的这篇文章主要介绍了css – 使用可选参数减少混音前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个Less mixin定义为:
.fontStyle(@family,@size,@weight: normal,@style: normal,@color: #ffffff,@letter-spacing: normal) {
  font-family: @family;
  font-size: @size;
  color: @color;
  font-weight: @weight;
  font-style: @style;
 letter-spacing: @letter-spacing;
}

如何定义使用方法

.fontStyle('NimbusSansNovCon-Reg',12px,0.1em);

I.E.使用@weight,@style,@color的默认设置

解决方法

要提供一个远远低于参数字符串的参数,您还必须提供要定义的预期变量.所以这:
.fontStyle('NimbusSansNovCon-Reg',@letter-spacing: 0.1em);

产生这个(注意颜色,字体重量和字体样式使用的默认值):

font-family: 'NimbusSansNovCon-Reg';
font-size: 12px;
color: #ffffff;
font-weight: normal;
font-style: normal;
letter-spacing: 0.1em;

猜你在找的CSS相关文章