Question

我对LESS有点新意，所以我试图掌握如何将一个参数传递给mixin，例如我有：

@delay: 6s;
.animation-delay (@delay) {
    -webkit-animation-delay: @delay;
    -moz-animation-delay: @delay;
    -o-animation-delay: @delay;
    -ms-animation-delay: @delay;
    animation-delay: @delay; 
}

以及稍后我的样式表我想做这样的事情：

.slideshow li:nth-child(2) span { 
    background-image: url(/static/template/slides/slide-2.jpg)
    .animation-delay(@delay);   
}
.slideshow li:nth-child(3) span { 
    background-image: url(/static/template/slides/slide-3.jpg);
    .animation-delay (@delay + 6); 
}

当我从less.js收到错误时，我认为我做得不对！

Answer 1

Less是一种动态样式表语言，可以编译成层叠样式表（CSS）并在客户端或服务器端运行。换句话说，它是一个CSS预处理器，可以将JavaScript代码编译成CSS规则。

每个SHOW CREATE TABLE代码都是有效的CSS代码，但反之亦然。

您不能指望CSS会识别LESS变量及其值。你想用CSS规则做的一切，你都可以在@delay文件中完成。

很少将参数传递给mixins

1 个答案: