はどのようにセレクタ

Question

を使用してLESS変数に値を代入するには、プリコンパイルスタイルシートを、これは私が後だけど、アイデアが何であるかを達成できないことがあります。

#sidebar { 
    width: 40%; 
} 

@sidebar_width : @('#sidebar:width'); 

.some_other_elements { 
     width: @sidebar_width; 
} 

だから3つの質問がありますI持っている：

1. 上記のようなものがありますか？私はちょうどLESSを発見しました。

2. 上記が可能ならば、.some_other_elementsをサイドバーの実際の幅の40％に設定したCSSを作成しますか？ LESSを使用して実際の幅を取得することは可能ですか？あなたが私に答えたり、コメントと一緒に一般的なライブラリのあなたの意見を与えることができれば

3. 、私はそれを聞きたいと思います。それは少しくらいのようだが、多分それは次のjqueryのだと私は遅かれ​​早かれよりも、それを採用する必要がある（あるいは逆に、多分それは次のYUIだと私は私が今までそれを見た忘れなければなりません）。

Answer 1

これは動作しません。あなたは桜セレクタから値を取り出すと、変数にそれを回すことができません：あなたのような何かをしなければならないでしょう：

@sidebar_width: 40%; 
.some_other_elements { 
    width: @sidebar_width; 
} 

サイドバーの幅を親の幅の40％に設定されます。コンテナ。あなたが心に留めておく、プリコンパイルする場合は、これは事実ですが

Answer 2

LESS実際にはJS環境にアクセスできません。したがって、Nodeを使用してサーバー側をコンパイルすると、ドキュメントの一部にアクセスできるので、何をしようとしているのと同様のことができます。あなたは.jsファイルを使用して負荷にそれをコンパイルした場合（私は、様々な理由のためにこれをお勧めしませんが）それも、ドキュメントからの例を働く可能性があります

@height = `document.body.clientHeight`; 

はあなたが何のために見て価値があるものになるかもしれません達成しようとしている。