0

このLESSコードを見てください：

#navbar {
    color: #fff;
    &Logo {
        color: #000;
        &:hover { color: #000; }
    }
}

...出力：

#navbar {
    color: #fff;
}
#navbarLogo {
    color: #000;
}
#navbarLogo:hover {
    color: #000;
}

上記のコードは問題なく動作しますが、LESS でクラス名を組み合わせたり、クラス名をそのように拡張したりするのは悪い習慣ですか?

別の例として、.button、.button-error、.button-success、または.button-error-trueすべてがメインの.buttonLESS 呼び出しの下にあるとしますか?

4

1 に答える 1

1

あなたの例のように、スタイル属性の値を変更するだけなら、個々のスタイルID、クラス、または要素を作成するだけで.cssファイルを読みやすくなると思います-あなたの「出力」の例で。

ただし、属性を追加したい場合は (以前のものと同じものを使用しながら)、次のようにします。

navbar {
    background-color: #000000;
    &Logo {
        color: #ffffff;
        &:hover { text-decoration: none; }
    }
}

その方が使いやすいと言えます。私の例は良い例ではありませんが、複数の属性を持つクラス/ID について考え始めると、9 つ、10 つ、またはそれ以上の属性がある場合に、このテクニックが役立ちます。単に別のものの拡張である class/id は、LESS が本当に便利になり始めると私が思うところです。

私の意見です。プロジェクトの考慮事項に役立つことを願っています。

于 2013-05-24T06:17:53.747 に答える