从命名空间引用变量时出现 LESS css 语法错误

标签 less

尝试从 LESS 中的命名空间引用变量时出现语法错误:

#testns {
    @my_color: #04ffff;
    .me() {
        color: blue;
    }
}

.fun {
    color: #testns[@my_color];
}

如果我执行以下操作,mixin 工作正常:

.fun {
    #testns > .me();
}

但出于某种原因我无法从命名空间引用变量。我正在使用 asual 库在 Java 中构建这些,其他一切都运行良好。

最佳答案

这不是 namespace 的工作方式。命名空间允许您声明局部范围的变量以在混合中使用(有点像 CSS 闭包,哈!),并且可以从命名空间包外部引用混合。然而,命名空间内的变量是私有(private)的,不能从命名空间外部引用。

关于从命名空间引用变量时出现 LESS css 语法错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8658270/

相关文章:

jquery - 这是 LESS 的正确实现吗?

html - 位置 :relative than absolute 的 div 高度变小

css - Symfony2 Assetic 在 css/less 文件中错误的 cssrewrite 资源路径

css - LESS.js - 只能导入一个 .less 文件

css - LESS 编译 border-radius : 50%/20%

javascript - 保存less.js生成的.css文件

less - LESS 是否可以防止重复样式?

javascript - CSS:对齐子元素,如 'filling up columns'

css - 更少的继承不起作用

less - 在 LESS 的选择器中使用变量