2012-12-08 4 views
16

私はLessを初めて使っています。Lessで他の要素の値を取得する方法はありますか?

私のスクリプトではwidthbox1box2に使用したいと思います。

スクリプトを確認してください。

#box1 
{ 
    width: 1000px; 
    height: 500px; 
} 
#box2 
{ 
    width: #box1.width - 100px; 
} 

可能かどうかはいの場合は、私に正しいLessコードを教えてください。

答えて

6

実は不可能です。あなたは、変数と協力し、しかし、このような何かを行うことができます。)

@box1width: 1000px; 
#box1 
{ 
    width: @box1width; 
    height: 500px; 
} 
#box2 
{ 
    width: @box1width - 100; 
} 
+0

をすでに( '#のBOX1を使用してブロック全体をインポートすることができますように容易に実装されている可能性があるため、私は「確かに」の部分が好きではありません。 '#box2'ブロックの内側にあります。 –

+2

@PetrPellerは実際には可能ですが、 '#box1'の幅に基づいて'#box2'の幅をどのように設定しますか?セレクタ(私の知る限り)の単一のプロパティフォームにアクセスする方法はありません。 – Pevara

+0

@Pevara のようなpseude要素の値を含めることができるかどうか分かりません。 .icon-calendar:before() が動作していません:( – aholbreich

1

いいえ、それはできません。 LESSはCSSを生成するためにスタイルシートを処理し、ページ内の要素の知識は持っていません。

あなたが探しているのはCSS Expressionsですが、これはInternet Explorerでのみサポートされていて、IE8ではそれがサポートされていませんでした。

関連する問題