より少ない関数へのネストされた呼び出し時に発生する問題の共有

base.lessをa.lessにインポートします
a.lessのコード

.animate-ripple-ink{.animation(ripple .5s linear;{
100%{
opacity: 0;.transform(scale(2.5));}});
}

base.lessのコード

.animation(@value;@content){-webkit-animation: @value;-moz-animation: @value;-o-animation: @value;-ms-animation: @value;animation: @value;.keyframes(~`"@{value}".split(/,\s+/)[0].replace("[","")`,@content);
}

@valueの値は[ripple, .5s, Linear]です
"@{ value}" は、js 解析エラーを避けるために文字列 "[ripple, .5s, Linear]" になります。
~コンパイルを避けてください。追加しない場合、出力は「リップル」になります
ヒント:

.animate-ripple-ink{.animation(ripple .5s linear;{
100%{
opacity: 0;.transform(scale(2.5));}});

One less}、less はエラーを報告しませんが、1 つのパラメーターで .animation を呼び出します。これはバグだと思います。

以上がより少ない関数へのネストされた呼び出し時に発生する問題の共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。