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' には 2 つのハッシュ '##' があります。変数を呼び出さず、次のコードのいずれも読み取られない場合、これは少ない偶数を壊します（私が知る限り）。問題が解決しました！

于 2012-05-29T22:49:18.197 に答える