css - 以句点开始 LESS 变量值

Question

我正在为 CSS 命名空间使用一个 less 变量:

@search-row-height: 57px;
@namespace: rp-users-;

.@{namespace}search-row {
    height: @search-row-height;
}

有没有办法把句点放在@namespace 的值中？将它从 CSS 选择器的开头移动到 @namespace 值的开头 (@namespace: .rp-users-) 会导致编译错误。

Answer 1

你可以用转义来做:

@search-row-height: 57px;
@namespace: ".rp-users-";

@namespaceselector: ~"@{namespace}search-row";
@{namespaceselector} {
    height: @search-row-height;
}