以句点开始 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;
}

以句点开始 LESS 变量值

Beginning LESS variable values with a period

css

less