📅  最后修改于: 2020-10-22 07:06:07             🧑  作者: Mango
命名空间用于按通用名称对混合包进行分组。使用名称空间,可以避免名称冲突,并从外部封装一组混合。
以下示例演示了LESS文件中命名空间和访问器的使用-
Less Namespaces and Accessors
Example using Namespaces and Accessors
LESS enables customizable,
manageable and reusable style sheet for web site.
现在创建style.less文件。
.class1 {
.class2 {
.val(@param) {
font-size: @param;
color:green;
}
}
}
.myclass {
.class1 > .class2 > .val(20px);
}
您可以使用以下命令将style.less文件编译为style.css-
lessc style.less style.css
执行以上命令;它将使用以下代码自动创建style.css文件-
.myclass {
font-size: 20px;
color: green;
}
请按照以下步骤查看上面的代码如何工作-