css - Lessで別の要素の値を取得する方法はありますか?

Question

私は初めてですLess。

width私のスクリプトでは、 ofをbox1で使用したいと思いbox2ます。

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

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

それは可能ですか？Lessはいの場合、正しいコードを教えてください。

Answer 1

残念ながら、それは確かに不可能です。ただし、変数を操作して次のようなことを行うことができます。

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

Answer 2

いいえ、それは不可能です。LESS はスタイル シートを処理して CSS を生成しますが、ページ内の要素については何も知りません。

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