0

我正在尝试使用 less 创建简单的“模板”，但我想我可能做错了..

这就是我想要的：

<div class='box'>content</div>

和 .less 文件：

//this is the mixin

.blueBoxNotificationDiv {
    text-decoration: none !important;
    position: absolute;
    background: #EBEBEB;
    width: 100%;
    border-top: 1px solid #999;
    bottom: 0;
    height: 21px;
}

现在假设我想将此“mixin”应用于 div '.box'。这就是我将它写在.less中的方式：

.box {
    .blueBoxNotificationDiv;
}

解决这个问题的正确方法是什么？

4

1 回答 1

1

如果没有正确写出 LESS 变量（包括规则），将阻止在您的 less 文件中读取任何其他内容。

问题示例：

@color1: #000000;
@color2: #ffffff;
@color3: ##e6e6e6;

.container {
    color:@color1;
}

.....etc

这应该很明显，但是很容易忽略小错误。变量“@color3”有两个散列“##”。如果您不调用该变量并且不会读取以下任何代码（据我所知），这将破坏更少的 EVEN。问题解决了！

于 2012-05-29T22:49:18.197 回答