css - クラスは他に依存

Question

私はと呼ばれるCssプロパティを持っています

.Zero
{
width:100px;
}

私は別のものと呼ばれています

.One

クラス 1 を同じクラス (ゼロ) + 10 px にする必要がある例

クラス ゼロ = 500 の場合

クラス 1 = 510

これどうやってするの ？

Answer 1

私が理解しているように、次のように書いてください：

.Zero,.One
 {
 width:100px;
 }
.One{
 padding-right:10px;
}

ジャバスクリプトも使えます。次のように書きます。

var modWidth = $('.Zero').width();
$('.one').css({width: modWidth + 10});

これをチェックしてくださいhttp://jsfiddle.net/mweEh/

Answer 2

私の知る限り、CSSだけでそれを行うことはできません。これを行うには、javascript+cssを使用する必要があります。

Answer 3

css だけでは不可能ですが、SCSS を使用できます - http://sass-lang.com/

変数を割り当てて、次のように使用できます。

$width: 500;

.Zero{
  width: $width;
}

.one{
  width: $width + 10;
}