0

.css ファイルを作成するためのシンプルなツールとして、LESS を使い始めました。

私の質問は、そのような css class-construct を処理する最も一般的な方法は何ですか?

<div id="wrapper">
     <div id="left">
           <h2>Left</h2>
     </div>
     <div id="right">
           <h2>Right</h2>
     </div>
</div>

ボックス #left と #right はまったく同じスタイルシートを持ち、各ボックスの h2 は異なるはずです。

私はこのコードでそれを解決したでしょう:

#wrapper {
    #left, #right {
        width:50%;
        float:left;
    }

    #left h2 {
         color:black;
    }

    #right h2 {
         color:red;
    }
}

または、次のように解決できます。

.left_right {
    width:50%;
    float:left;
}

#wrapper {

    #left {
        .left_right;

         h2 {
        color:black;
        }
    }

    #right {
          .left_right

           h2 {
        color:red;
        }
    }
}

「正しい」方法は何ですか、それとも個人的な選択ですか...

PS: CODA で .less ファイルを強調表示する方法はありますか?

ありがとう

4

1 に答える 1

0

確かに個人的な好み。私にとっては、最初の例の方が読みやすく、結果として CSS が少なくなるはずです。これが LESS の目的なのです!

CODA での構文強調表示については、私自身は使用していないか、現在 Mac を使用していませんが、Google で簡単に検索すると、いくつかの結果が見つかりました。

1 つの方法の説明は、http: //christophercasper.com/2010/09/less-syntax-highlighting-in-coda/にあります。

また、CODA 用のプラグインがあることも発見しましたが、現在は独自のアプリになっています。どれほど役立つかはわかりませんが、ここで見つけることができます: http://incident57.com/less/

于 2012-03-08T11:29:28.493 に答える