これは不可能だと思いますが、方法がある場合に備えて質問します。アイデアとしては、Web リソース フォルダーへのパスの変数があるということです。
@root: "../img/";
@file: "test.css";
@url: @root@file;
.px {
background-image: url(@url);
}
結果として次のようになります:
.px { background-image: url("../img/" "test.css"); }
しかし、次のように文字列を 1 つの文字列に結合したいのです。
.px { background-image: url("../img/test.css"); }
Less で文字列を連結することは可能ですか?
ベストアンサー1
使用変数補間:
@url: "@{root}@{file}";
完全なコード:
@root: "../img/";
@file: "test.css";
@url: "@{root}@{file}";
.px{ background-image: url(@url); }