0

LESS 変数を使用して完全な CSS 行を記述する方法はありますか?

たとえば、変数を宣言すると:

@dir: test;

次に、その変数を別の変数内で使用します。

@bg-img: url(http://example.com/@dir/img/bg.png;

CSS で使用しようとする@bg-imgと、次のようにコンパイルされます。

body{background-image:url(http://example.com/@dir/img/bg.png);

@dirとしてエコーアウトするにはどうすればよいtestですか?

単に置き換えることができることはわかっていますが、さまざまな異なるマイクロサイトがあるため、マイクロサイト名のすべてのインスタンスを調べて変更するよりも@dir、1 つのインスタンスを変更する方が迅速です。@dir

4

1 に答える 1

2

これは補間によって可能ですが、これが特定の状況でより多くのコードを表示せずに機能するかどうかは定かではありません。ただし、これを試してください：

body{background-image:url(http://example.com/@{dir}/img/bg.png);

ドキュメントで、ページの下の文字列補間の下で見つけました。お役に立てれば。

EDIT : @Rob W がコメントで言及しているように、エスケープします。また、ドキュメントでは、補間のすぐ下にあります。

于 2013-09-30T09:29:17.820 に答える